搜索「Canvas」的结果

io.github.OliverGrabner/composer

给 AI 编程智能体一块架构画布，用于设计并持续演进架构图。

io.github.sshwarts/napkin

共享可视化画布（Excalidraw），供 AI Agent 与人类一起协作白板。

io.github.tldraw/tldraw

在 tldraw 画布上与智能体一起绘图并进行可视化协作。

com.ai-erd/ai-erd

AI 驱动的 ERD 设计工具：使用 DBML 创建和管理数据库架构，支持实时画布。

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 组件库。

figma-implement-design

io.github.openai/skills/figma-implement-design

将 Figma 设计翻译为可上线的应用代码，视觉还原度 1:1。在从 Figma 文件实现 UI 代码时使用；用户提到“实现设计”“生成代码”“实现组件”、提供 Figma URL，或要求构建符合 Figma 规格的组件时触发。经 `use_figma` 写入 Figma 画布请用 `figma-use`。

figma-code-connect-components

io.github.openai/skills/figma-code-connect-components

使用 Code Connect 映射工具把 Figma 设计组件与代码组件关联。当用户说“code connect”“把组件连到代码”“映射这个组件”“链接组件与代码”“创建 code connect 映射”，或想建立 Figma 设计与代码实现之间的对应关系时使用。经 `use_figma` 写入画布时请配合 `figma-use`。