Agent Skills › ddcat-ai/open-ai-canvas › canvas

canvas

GitHub

指导Agent操作影策网页画布，通过MCP工具读取状态、创建节点及生成内容、构建流程，确保交互自然且输出规范。

plugins/infinite-canvas/skills/canvas/SKILL.md ddcat-ai/open-ai-canvas

用户需要编辑或查看网页画布内容用户要求创建文本、图像或视频节点用户希望连接节点构建生成流程

npx skills add ddcat-ai/open-ai-canvas --skill canvas -g -y

More Options

Non-standard path

npx skills add https://github.com/ddcat-ai/open-ai-canvas/tree/main/plugins/infinite-canvas/skills/canvas -g -y

Use without installing

npx skills use ddcat-ai/open-ai-canvas@canvas

指定 Agent (Claude Code)

npx skills add ddcat-ai/open-ai-canvas --skill canvas -a claude-code -g -y

安装 repo 全部 skill

npx skills add ddcat-ai/open-ai-canvas --all -g -y

预览 repo 内 skill

npx skills add ddcat-ai/open-ai-canvas --list

Frontmatter

{
    "name": "canvas",
    "description": "操作影策当前网页画布，读取节点、选区、创建文本节点、创建生成流程、连接节点或触发生成。"
}

影策画布

你正在帮助用户操作影策网页画布。需要理解或改动画布时，优先使用已配置的 infinite-canvas MCP 工具；不要让用户手动复制 JSON、URL 或 token。

如果用户还没有打开或连接网页画布，使用 open-canvas 技能打开影策，不要要求用户手动复制 URL 或 token。
操作前先用 canvas_get_state 读取当前画布；如果用户明确提到选中内容、当前节点或“这个”，先用 canvas_get_selection。
创建单个文本内容优先用 canvas_create_text_node。
创建生成内容优先用 canvas_generate_text、canvas_generate_image、canvas_generate_video、canvas_generate_audio。
需要把提示词、参考素材和生成目标节点串成流程时，使用 canvas_create_generation_flow 或项目已有的流程工具。
需要批量增删改、移动、连接节点或设置视口时，使用 canvas_apply_ops。
不要模拟鼠标点击，不要要求用户手动复制 JSON。
写入画布的操作会由网页侧边栏做二次确认，按当前工具结果继续推进即可。