Agent Skills
› ddcat-ai/open-ai-canvas
ddcat-ai/open-ai-canvas
GitHub专注于前端UI/UX设计的智能体，提供设计灵感、风格参考及无限画布上的草稿生成与迭代功能。适用于在实现UI前进行设计思考，支持特性页面设计及设计系统搭建。
Install All Skills
npx skills add ddcat-ai/open-ai-canvas --all -g -y
Skills in Collection (8)
专注于前端UI/UX设计的智能体，提供设计灵感、风格参考及无限画布上的草稿生成与迭代功能。适用于在实现UI前进行设计思考，支持特性页面设计及设计系统搭建。
需要设计新功能或页面时
构建或优化设计系统时
寻求UI/UX改进建议时
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
指导Agent在影策画布中基于已有角色、场景等资产创建生图、视频等生成流程，强调复用真实参考节点并规范任务状态确认。
需要利用现有媒体资源进行AI内容生成
构建包含资产引用的创作工作流
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
