Agent Skills
› ddcat-ai/open-ai-canvas
ddcat-ai/open-ai-canvas
GitHub专注于前端UI/UX设计的Agent技能，用于在设计实施前提供设计思维支持。帮助用户寻找灵感、生成迭代设计草稿及建立设计系统。
Install All Skills
npx skills add ddcat-ai/open-ai-canvas --all -g -y
Skills in Collection (8)
专注于前端UI/UX设计的Agent技能，用于在设计实施前提供设计思维支持。帮助用户寻找灵感、生成迭代设计草稿及建立设计系统。
需要设计灵感或风格参考
生成或迭代UI设计草稿
建立或优化设计系统
npx skills add ddcat-ai/open-ai-canvas --skill superdesign -g -y
自动启动本地影策画布与Canvas Agent，构造含认证参数的URL直接打开画布并建立连接，避免用户手动操作。
用户要求打开、启动、进入或使用影策或画布
npx skills add ddcat-ai/open-ai-canvas --skill open-canvas -g -y
基于影策画布已有资产和上下文，规范生成图、视频等流程。通过读取资源状态、复用参考节点并调用共享任务接口，确保生成流程正确且避免重复上传或密钥泄露。
需要创建生图、视频或音频生成流程
在画布中复用现有媒体资源进行内容生成
检查生成任务的状态和资源就绪情况
npx skills add ddcat-ai/open-ai-canvas --skill asset-aware-generation -g -y
解析画布语义结构、选区及资源状态，指导基于事实的操作决策。支持通过工作流工具创建角色卡、分镜等节点并管理连线依赖，确保连接真实有效，适用于画布内容理解与流程构建场景。
需要理解当前画布的节点、选区或资源状态
请求创建流水线、工作流或节点图
npx skills add ddcat-ai/open-ai-canvas --skill canvas-context -g -y
自动启动本地影策画布及Canvas Agent，构造带参数的URL直接打开，实现无感连接。避免手动复制，支持端口复用与状态检查。
用户要求打开、启动、进入或使用影策
用户要求使用画布功能
npx skills add ddcat-ai/open-ai-canvas --skill open-canvas -g -y
用于操作影策网页画布，支持读取节点、创建文本或生成内容、连接流程及批量修改。通过 MCP 工具自动化管理画布状态与媒体资源。
用户需要操作影策画布
用户请求创建或编辑画布节点
用户希望连接生成流程
npx skills add ddcat-ai/open-ai-canvas --skill canvas -g -y
提供影策画布的可靠编辑能力，涵盖节点的增删改查、连接及视口调整。规范了读写顺序、批量操作校验及布局策略，确保高影响动作的安全性，适用于需要实际修改画布结构的请求。
在画布上创建新节点
更新或移动现有节点
删除节点或调整视口
npx skills add ddcat-ai/open-ai-canvas --skill canvas-editing -g -y
辅助用户操作影策网页画布，支持读取节点状态、创建文本及多媒体生成节点、构建生成流程及批量编辑画布元素。
需要操作影策画布
在画布中创建或生成内容
修改画布节点结构
npx skills add ddcat-ai/open-ai-canvas --skill canvas -g -y
