Agent Skills
› ddcat-ai/open-ai-canvas
ddcat-ai/open-ai-canvas
GitHub专注前端UI/UX设计，提供灵感、生成迭代草稿及建立设计系统。适用于实现需设计思维的界面前，辅助完成功能页面或流程的设计工作。
Install All Skills
npx skills add ddcat-ai/open-ai-canvas --all -g -y
Skills in Collection (8)
专注前端UI/UX设计，提供灵感、生成迭代草稿及建立设计系统。适用于实现需设计思维的界面前，辅助完成功能页面或流程的设计工作。
需要设计灵感和风格建议
生成或迭代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
管理影策画布上下文，通过API读取节点、连接及资源状态，支持构建语义化工作流与管线，确保基于真实数据操作而非猜测。
需要理解或操作当前画布的语义结构
请求创建基于真实节点的工作流或流水线
查询画布中选区、连接关系或媒体资源状态
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
指导 Agent 操作影策网页画布，涵盖读取节点、创建文本/媒体、生成流程及批量编辑等任务。通过 MCP 工具实现自动化交互，避免手动复制，确保中文语境下的结构清晰与资源感知。
用户需要查看或修改网页画布内容
用户要求创建新的节点或生成流程
用户需要对画布进行批量增删改或连接操作
npx skills add ddcat-ai/open-ai-canvas --skill canvas -g -y
