Agent Skills › basketikun/infinite-canvas › canvas

canvas

GitHub

协助用户操作 Infinite Canvas 网页画布，支持读取状态、创建文本或媒体节点、构建生成流程及批量编辑。优先调用 MCP 工具，避免手动复制数据，确保节点布局清晰且符合中文交互习惯。

plugins/infinite-canvas/skills/canvas/SKILL.md basketikun/infinite-canvas

需要打开或连接 Infinite Canvas 画布询问或修改当前画布的状态与节点内容请求在画布上创建文本、图片、视频等生成式节点需要将多个提示词和配置串联为自动化生成流程需要对画布上的节点进行批量增删改、移动或连接操作

npx skills add basketikun/infinite-canvas --skill canvas -g -y

More Options

Non-standard path

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

Use without installing

npx skills use basketikun/infinite-canvas@canvas

指定 Agent (Claude Code)

npx skills add basketikun/infinite-canvas --skill canvas -a claude-code -g -y

安装 repo 全部 skill

npx skills add basketikun/infinite-canvas --all -g -y

预览 repo 内 skill

npx skills add basketikun/infinite-canvas --list

Frontmatter

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

Infinite Canvas

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

如果用户还没有打开或连接网页画布，使用 open-canvas 技能打开 Infinite 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。
写入画布的操作会由网页侧边栏做二次确认，按当前工具结果继续推进即可。