Otto 画布渲染
vdevelop
io.github.elizaOS/eliza/canvas
在已连接的 Otto 节点(Mac 应用、iOS、Android)上显示、呈现并渲染 HTML 内容。在设备上展示、移动端预览、推送到屏幕,或在任意已连接节点上导航到某个 URL。用于游戏、可视化、仪表盘、交互演示与实时刷新的开发预览。支持呈现、隐藏、导航、执行 JavaScript,以及在 Mac、iOS、Android 设备间捕获画布内容截图。
“Canvas” 共 22 个结果
vdevelop
io.github.elizaOS/eliza/canvas
在已连接的 Otto 节点(Mac 应用、iOS、Android)上显示、呈现并渲染 HTML 内容。在设备上展示、移动端预览、推送到屏幕,或在任意已连接节点上导航到某个 URL。用于游戏、可视化、仪表盘、交互演示与实时刷新的开发预览。支持呈现、隐藏、导航、执行 JavaScript,以及在 Mac、iOS、Android 设备间捕获画布内容截图。
io.github.affaan-m/ECC/plan-canvas
在本地浏览器画布中打开计划与 HTML 产物,人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审,或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。
io.github.affaan-m/ECC/plan-canvas
在本地浏览器画布中打开计划与 HTML 产物,人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审,或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。
io.github.PostHog/posthog/building-html-canvases
用语义化 HTML、CSS 和直接的浏览器 API 编写 PostHog canvas——文档、文章、生成式图形、2D canvas 与 WebGL 体验,以及 React 组件不能提供有效结构的聚焦实验。在 building-canvases 把画布请求路由到纯 HTML/浏览器 API 实现之后使用。涵盖当前运行时要求的轻量组件包装、不依赖 Quill 的样式与主题、绘图画布,以及动画/清理模式。
io.github.nexu-io/open-design/deck-open-slide-canvas
OpenDesign 的架构评审:本地守护进程 + 代理运行时设计、权衡取舍与定稿决策。以面向资深工程师、技术负责人与安全的决策级产品管理幻灯片构建。
io.github.nexu-io/open-design/deck-open-slide-canvas
锁定 1920x1080 画布的演示文稿,支持 React 组件级自由构图,不绑定固定模板。
io.github.anthropics/skills/canvas-design
基于设计理念创作 .png 和 .pdf 格式的精美视觉作品。当用户要求制作海报、艺术作品、设计稿或其他静态作品时使用。只创作原创视觉设计,绝不抄袭现有艺术家作品以避免版权风险。
io.github.cursor/plugins/pr-review-canvas
将 PR diff 评审渲染为 Cursor Canvas:按评审重要性对改动分组、区分样板代码与核心逻辑、突出棘手或意外的代码。在评审 Pull Request、为评审总结 diff,或用户索要 PR 评审画布、diff 走查、变更集概览时使用。
io.github.cursor/plugins/docs-canvas
渲染文档风格的 Cursor Canvas,把架构笔记、API 参考、走查教程与 how-to 组织成带分节、目录和交叉引用的可导航布局。当用户要求文档画布、文档总览、架构走查、API 参考页,或希望把结构化文档渲染为交互式画布时使用。
io.github.cursor/plugins/pr-review-canvas
将交互式 PR 评审走查生成为 HTML 页面。通过 gh API 拉取 PR 数据,把文件归类为核心改动与机械改动,添加评审者标注,并渲染带移动代码检测的 diff。当用户粘贴 GitHub PR 链接并请求评审、走查或摘要,或说“评审这个 PR”时使用。
io.github.nexu-io/open-design/web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支,并强制核对任何 AI 二手分析里的可执行代码。
io.github.easychen/opc-methodology/opc-business-model-design
使用精益画布与简化版商业画布,为一人公司设计可行的商业模式。当 Codex 需要在必要时讲解商业模式概念、验证细分领域与价值主张前提、每次只提一个问题、给出多种模式选择,并把用户确认的输出写入 `opc-doc/` 时使用。
io.github.nextlevelbuilder/ui-ux-pro-max-skill/ui-styling
使用 shadcn/ui 组件(基于 Radix UI + Tailwind)、Tailwind CSS 工具类优先样式和基于 canvas 的视觉设计,打造美观、易访问的用户界面。用于构建 UI、实现设计体系、创建响应式布局、加入可访问组件(对话框、下拉菜单、表单、表格)、定制主题与配色、实现深色模式、生成视觉设计与海报,或在应用中确立一致的样式模式。
io.github.nextlevelbuilder/ui-ux-pro-max-skill/ui-styling
使用 shadcn/ui 组件(基于 Radix UI + Tailwind)、Tailwind CSS 工具类优先样式和基于 canvas 的视觉设计,打造美观、易访问的用户界面。用于构建 UI、实现设计体系、创建响应式布局、加入可访问组件(对话框、下拉菜单、表单、表格)、定制主题与配色、实现深色模式、生成视觉设计与海报,或在应用中确立一致的样式模式。
io.github.pixijs/pixijs/pixijs-scene-text
在 PixiJS v8 中渲染文本时使用。覆盖 Text(画布级高质量样式文本)、BitmapText(基于字形图集的低成本逐帧更新)、HTMLText(通过 SVG 渲染 HTML/CSS 标记),以及用于逐字符动画的 SplitText 和 SplitBitmapText,还包括 TextStyle、tagStyles、构造选项、TextOptions、HTMLTextOptions、BitmapText、SplitTextOptions、SplitBitmapTextOptions。触发词:Text、BitmapText、HTMLText、SplitText、SplitBitmapText、TextStyle、HTMLTextStyle、BitmapFont.install、tagStyles、fontFamily、wordWrap。
io.github.openai/codex/imagegen
当任务受益于 AI 生成的位图视觉(照片、插画、纹理、精灵图、样机、透明背景抠图)时生成或编辑位图图像。当 Codex 需要新建图像、变换既有图像或从参考衍生视觉变体,且产物应为位图素材而非仓库内的代码或矢量图时使用。若更适合编辑现有 SVG/矢量/代码原生资产、扩展既有图标或 logo 体系、或直接在 HTML/CSS/canvas 里画视觉,则不要使用。
io.github.openinterpreter/openinterpreter/imagegen
当任务需要 AI 生成的位图视觉时,生成或编辑位图图像,如照片、插画、纹理、精灵图、mockup 或透明背景抠图。当 Codex 需要创作全新图像、变换已有图像,或从参考派生视觉变体,且产物应为位图资源而非仓库内的代码或矢量时使用。若任务更适合编辑已有的 SVG/矢量/代码原生资源、扩展既有图标或 logo 体系,或直接用 HTML/CSS/canvas 绘制视觉,则不要使用。
io.github.onyx-dot-app/onyx/image-generation
通过 `onyx-cli image` 调用工作区已配置的图像生成服务,生成或编辑位图(照片、插画、纹理、精灵图、样机、Logo、信息图)。适用于需要产出全新位图、变换已有图像或基于参考图派生变体的任务;若结果更适合用代码原生 SVG/矢量,或直接在 HTML/CSS/canvas 中绘制,则不要使用。若尚未配置图像生成服务,请提示用户前往 /admin/configuration/image-generation 完成设置。
io.github.iamasters-academy/iamasters-os/automation-loop-engine
循环工程(Loop Engineering)引擎。把重复劳动变成系统:一次设计、多次执行,带校验、人工关卡与经验沉淀(REGLAS.md)。三种功能:(1) 安装 —— 首次使用时通过 5 个问题访谈,按各用户的业务、工具与边界定制本技能;(2) 雷达 —— 察觉某项任务正在变成长期循环,并询问「我们是把它设计成系统,还是先直接跑一次?」;(3) 工厂 —— 设计循环(9 格画布)、触发、运行与评估。只要用户说 "loop"、"sistematiza esto"(把这个体系化)、"automatiza este proceso"(自动化这个流程)、"línea de producción"(流水线)、"todas las semanas"(每周都)、"para cada cliente"(每个客户都要)、"hazlo en lote"(批量做)、"diseña el sistema"(设计这个系统)、"diseña el loop"(设计这个循环)、"monta el sistema de"(搭起……的系统)、"deja de hacerlo a mano"(别再手工做)、"loop engineering"、"convierte esto en un sistema"(把这变成系统)、"configura la skill de loops"(配置循环技能),或要求重复本次会话中已做过 2 次以上的任务时,一律使用。第 3 次重复同一任务时主动进入雷达模式(原文截断于 "con estru")。
io.github.affaan-m/ECC/django-celery
Django + Celery 异步任务模式——配置、任务设计、beat 定时调度、重试、canvas 工作流、监控与测试。适用于为 Django 应用添加后台任务、定时任务或异步处理。
io.github.pixijs/pixijs/pixijs-scene-dom-container
在 PixiJS v8 画布上叠加 HTML 元素时使用。覆盖 DOMContainer 的 element、anchor 与场景图驱动的 CSS transform、pixi.js/dom 副作用导入、DOMPipe 注册、可见性同步以及 pointer-events 处理。触发词:DOMContainer、pixi.js/dom、DOMPipe、HTML overlay、input on canvas、iframe overlay、DOMContainerOptions、element、anchor、constructor options。
io.github.activepieces/activepieces/design
Activepieces(开源 AI 自动化平台,「Zapier 的开源替代」)的设计系统。在为 Activepieces 设计、原型或构建 UI 时使用——Web 应用(flow builder、runs、connections、dashboard)、文档或营销页面。提供品牌紫 #8142E3、以 sm(14px)为正文字号的 Inter 字阶、Tailwind 中性色、Lucide 图标、Shadcn/Radix 原语约定、标志性的点状画布 builder 背景,以及复刻的 Web UI 组件库。