Agent skill

Canvas Ops Skill

当用户要对 OpenLoaf 画布 / 白板做生命周期管理时触发：新建、打开、筛选、复制、删除、改标题或归属。典型说法"开个白板"、"创建一个架构图画布"、"清理没用的白板"。不用于：数据图表可视化（→visualization-ops-skill）、AI 生成图片或视频（→cloud-media-skill）、在已打开画布里编辑节点（由画布子 Agent 处理）。

AGPL-3.0Auto-check passed

Install Canvas Ops Skill

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .claude/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .claude/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .agents/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .agents/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .agents/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .cursor/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .cursor/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/OpenLoaf/OpenLoaf.git --path apps/server/src/ai/builtin-skills/canvas-ops

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .gemini/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .gemini/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .github/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .github/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .github/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install OpenLoaf/OpenLoaf canvas-ops-skill --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OpenLoaf/OpenLoaf.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/apps/server/src/ai/builtin-skills/canvas-ops .opencode/skills/canvas-ops-skill && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "canvas-ops-skill" agent skill from https://github.com/OpenLoaf/OpenLoaf/tree/main/apps/server/src/ai/builtin-skills/canvas-ops into .opencode/skills/canvas-ops-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-ops-skill", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: canvas-ops-skill
GitHub stars: 108
Token cost: ~715 tokens
SKILL.md length: 102 words
Files: 1
Skills in repo: 33
Repo updated: May 14, 2026
First seen: Oct 7, 2026
Licence: AGPL-3.0

At a glance

SKILL.md covers 工具清单, 我该用哪个？, 画布内节点操作 and 跨技能协作, plus 2 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Canvas Ops Skill is an agent skill from OpenLoaf/OpenLoaf. 当用户要对 OpenLoaf 画布 / 白板做生命周期管理时触发：新建、打开、筛选、复制、删除、改标题或归属。典型说法"开个白板"、"创建一个架构图画布"、"清理没用的白板"。不用于：数据图表可视化（→visualization-ops-skill）、AI 生成图片或视频（→cloud-media-skill）、在已打开画布里编辑节点（由画布子 Agent 处理）。

Its SKILL.md is about 720 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

The repository describes itself as: 🍞Open-source, local-first AI workspace with Agents, multi-model chat (GPT/Claude/Gemini/DeepSeek), Notion-like docs, AI image & video generation, email, calendar & terminal…. The licence is AGPL-3.0.

Example prompts

“创建一个架构图画布”
“清理没用的白板”
“/canvas-ops-skill”

What it can do on your machine

Read from SKILL.md and the folder at commit f7eccf6. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Canvas Ops Skill loads about 715 tokens when it runs. Until then it costs about 51 tokens; SKILL.md has 102 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~51
When it runs · the whole SKILL.md, loaded when a task matches: ~715

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from OpenLoaf/OpenLoaf at commit f7eccf6, republished under its AGPL-3.0 licence (© OpenLoaf). 102 words, ~715 tokens.

Download SKILL.mdSave it as .claude/skills/canvas-ops-skill/SKILL.md (or your agent's skills folder).

name: canvas-ops-skill
description: 当用户要对 OpenLoaf 画布 / 白板做生命周期管理时触发：新建、打开、筛选、复制、删除、改标题或归属。典型说法"开个白板"、"创建一个架构图画布"、"清理没用的白板"。**不用于**：数据图表可视化（→visualization-ops-skill）、AI 生成图片或视频（→cloud-media-skill）、在已打开画布里编辑节点（由画布子 Agent 处理）。
tools: BoardQuery, BoardMutate

画布操作技能

工具清单

工具	职责	只读
`BoardQuery`	查询画布列表或单个画布详情（mode: `list` / `get`）	是
`BoardMutate`	新建 / 更新 / 复制 / 删除画布（action: `create` / `update` / `delete` / `duplicate` / `clear-unbound` 等）	否

加载：全部为 deferred 工具，调用前须先 ToolSearch(names: "BoardQuery,BoardMutate") 激活 schema。

我该用哪个？

按你的目的选择：

想看有哪些画布？              → BoardQuery (mode: list)
想按项目筛选画布？            → BoardQuery (mode: list, 带 projectId)
想按关键词搜索画布？          → BoardQuery (mode: list, 带 search)
想找未关联项目的孤立画布？    → BoardQuery (mode: list, 带 unboundOnly: true)
想看某个画布的详情和节点？    → BoardQuery (mode: get, 带 boardId)
想新建一个画布？              → BoardMutate (action: create)
想修改画布标题/置顶/归属？    → BoardMutate (action: update)
想删除画布？                  → BoardMutate (action: delete)  ← 默认用这个
想彻底永久删除？              → BoardMutate (action: hard-delete)
想复制一个画布？              → BoardMutate (action: duplicate)
想清理所有孤立画布？          → BoardMutate (action: clear-unbound)

画布内节点操作

画布内的节点编辑（添加节点、连线、修改内容）通过子 Agent 或画布编辑工具完成，不是本技能直接执行的。你需要了解的是：

BoardQuery { mode: "get" } 返回画布的完整节点和连线信息，用于理解画布当前内容
用户说"加个方框"、"把 A 连到 B"、"修改节点内容"——这些是节点级操作，由画布编辑 Agent 处理
你的职责是管理画布本身（创建、删除、归属、复制），而非操作画布内的元素

跨技能协作

复杂场景需要多个技能配合：

用户说"创建一个项目架构流程图"→ 先用 ProjectQuery 了解项目结构，再 BoardMutate { action: "create" } 创建画布，最后由画布编辑 Agent 根据项目结构添加节点和连线
用户说"把任务看板可视化"→ 先用 TaskStatus 获取任务列表，再创建画布并交由编辑 Agent 布局

核心工作流

流程一：创建新画布

1. 确认用户想要的画布标题和所属项目
2. BoardMutate (action: create, title: "...")   → 拿到返回的 boardId
3. 如需关联项目，create 时带 projectId

流程二：整理画布

1. BoardQuery (mode: list)                      → 获取所有画布
2. 分析哪些画布未关联项目、哪些可能重复
3. 向用户汇报现状并提出整理建议
4. BoardMutate (action: update, projectId: ...) → 把孤立画布归入项目
5. BoardMutate (action: delete)                 → 清理不需要的画布

流程三：查找并查看画布

1. BoardQuery (mode: list, search: "关键词")    → 搜索匹配画布
2. BoardQuery (mode: get, boardId: "...")        → 获取画布详情（含节点和连线）
3. 向用户展示画布内容摘要

关键决策——以及为什么

boardId 从哪来？

优先检查 pageContext.boardId（用户正在看的画布）。如果没有上下文，先用 BoardQuery (mode: list) 搜索。永远先确认 boardId 正确。

在错误的画布上操作会静默破坏数据——具体表现：节点被添加到错误的画布、原本画布的连线关系被污染、用户看到的画布与实际修改的不一致。这种损坏不会报错，用户可能在很久之后才发现内容错乱，且由于操作已被保存，无法通过撤销恢复（只能从备份或 hard-delete 后重建）。所以"先确认 boardId"不是流程洁癖，而是防止不可逆的数据混乱。

delete vs hard-delete

默认用 delete（软删除，可恢复）。用户经常后悔。只有用户明确说"彻底删除"、"永久删除"时才用 hard-delete。

clear-unbound 要极度谨慎

它会一次性删除所有未关联项目的画布。操作前必须先 BoardQuery (mode: list, unboundOnly: true) 让用户确认列表，避免误删有价值的独立画布。

删除前必须确认

任何 delete、hard-delete、clear-unbound 操作前，都应向用户展示即将影响的画布列表。这与发邮件前确认收件人是同一原则——不可逆操作需要人类把关。

Files

Just SKILL.md in apps/server/src/ai/builtin-skills/canvas-ops of OpenLoaf/OpenLoaf.

Open the folder on GitHubat commit f7eccf6

Compare with similar skills

Canvas Ops Skill next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Canvas Ops Skill compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Canvas Ops Skill this skillOpenLoaf/OpenLoaf	108	—	~715	Automated safety check: Pass	AGPL-3.0	4 mo ago
Canvasopenclaw/openclaw	392k	—	~263	Automated safety check: Pass	MIT	today
Canva Designerasgeirtj/system_prompts_leaks	69k	—	~2.1k	Automated safety check: Pass	CC0-1.0	yesterday
Plan Canvasaffaan-m/ECC	276k	1 repos	~2.2k	Automated safety check: Pass	MIT	4 days ago
Canvas Designanthropics/skills	180k	52 repos	~3k	Automated safety check: Pass	Apache-2.0	today
Canvas AutomationComposioHQ/awesome-claude-skills	77k	3 repos	~727	Automated safety check: Pass	None	21 days ago

Similar skills

Canvas
openclaw/openclaw
Present hosted widget documents on a connected macOS panel and control panel visibility or navigation.
392k GitHub stars~263 tokensUpdated today
Auto-check passed
Canva Designer
asgeirtj/system_prompts_leaks
Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts.
69k GitHub stars~2.1k tokensUpdated yesterday
Media & CreativeAuto-check passed
Plan Canvas
affaan-m/ECC
Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page.
276k GitHub starsUsed in 1 repo~2.2k tokens
Frontend & DesignAuto-check passed
Canvas Design
anthropics/skills
Official
Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.
180k GitHub starsUsed in 52 repos~3k tokens
Media & CreativeAuto-check passed
Canvas Automation
ComposioHQ/awesome-claude-skills
Automate Canvas tasks via Rube MCP (Composio). An agent skill from ComposioHQ/awesome-claude-skills.
77k GitHub starsUsed in 3 repos~727 tokens
Productivity & AutomationAuto-check passed
Canvas Display
spinabot/brigade
Shows HTML content such as games, dashboards, visualizations and demos on a connected Brigade node's canvas, using a local canvas host server and a node bridge.
11k GitHub stars~1.4k tokensUpdated today
Frontend & DesignAuto-check passed

Questions about Canvas Ops Skill

What does Canvas Ops Skill do?

How do I install Canvas Ops Skill in Claude Code?

Run `npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a claude-code`. Or copy the skill folder (apps/server/src/ai/builtin-skills/canvas-ops in OpenLoaf/OpenLoaf) into .claude/skills/canvas-ops-skill in your project. Claude Code loads it when a task matches its description.

How do I install Canvas Ops Skill in Codex?

Run `npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a codex`. Or copy the skill folder (apps/server/src/ai/builtin-skills/canvas-ops in OpenLoaf/OpenLoaf) into .agents/skills/canvas-ops-skill in your project. Codex loads it when a task matches its description.

Can I use Canvas Ops Skill in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add OpenLoaf/OpenLoaf --skill canvas-ops-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas-ops-skill, .gemini/skills/canvas-ops-skill, .github/skills/canvas-ops-skill and .opencode/skills/canvas-ops-skill in your project.

What does Canvas Ops Skill need to run?

SKILL.md names no scripts, command-line tools or credentials: Canvas Ops Skill is instructions for the agent only.

Does Canvas Ops Skill access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Canvas Ops Skill safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Canvas Ops Skill use?

Canvas Ops Skill is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Canvas Ops Skill use?

About 715 tokens (SKILL.md is roughly 2.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Canvas Ops Skill?

Skills that share tags, products or a category with Canvas Ops Skill: Canvas (openclaw/openclaw, 392k stars), Canva Designer (asgeirtj/system_prompts_leaks, 69k stars), Plan Canvas (affaan-m/ECC, 276k stars) and Canvas Design (anthropics/skills, 180k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Canvas Ops Skill?

OpenLoaf (a GitHub organization) maintains it in OpenLoaf/OpenLoaf, which has 108 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on May 14, 2026.

Source: OpenLoaf/OpenLoaf on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Canvas Ops Skill

Facts

At a glance

What it does

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

画布操作技能

工具清单

我该用哪个？

画布内节点操作

跨技能协作

核心工作流

流程一：创建新画布

流程二：整理画布

流程三：查找并查看画布

关键决策——以及为什么

boardId 从哪来？

delete vs hard-delete

clear-unbound 要极度谨慎

删除前必须确认

Files

Compare with similar skills

Similar skills

More from OpenLoaf/OpenLoaf

Questions about Canvas Ops Skill