Agent skill

Drawio Chart

by Snailclimb in Snailclimb/AIGuide

Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。

No licenceAuto-check passedDevelopment

Install Drawio Chart

skills CLI
$ npx skills add Snailclimb/AIGuide --skill drawio-chart -a claude-code

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

GitHub CLI
$ gh skill install Snailclimb/AIGuide drawio-chart --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/Snailclimb/AIGuide.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/drawio-chart .claude/skills/drawio-chart && 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/

Facts

Skill name
drawio-chart
GitHub stars
673
Token cost
~687 tokens
SKILL.md length
190 words
Files
6 (incl. references)
Skills in repo
2
Repo updated
First seen
Licence
None found

At a glance

Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。

  • Works in 6 steps: 识别任务模式 → 收集最小必要输入 → 读取对应参考资料 → …
  • Tasks that involve Diagrams
  • SKILL.md covers 什么时候使用, 参考路由, 核心规则 and 图表类型选择, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Drawio Chart is an agent skill from Snailclimb/AIGuide. Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。

Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `agents/openai.yaml`, `references/export-and-files.md` and `references/style-spec.md`).

It sits in Development, covering Diagrams. It works with draw.io, Model Context Protocol, Go and Java. The repository describes itself as: AI 应用开发、AI 编程实战与面试指南,涵盖 LLM、Agent、RAG、MCP、Claude Code、Codex 等核心技术与工程实践。

When your agent uses it

  • Tasks that involve Diagrams

Example prompts

  • “/drawio-chart”

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. 识别任务模式
  2. 收集最小必要输入
  3. 读取对应参考资料
  4. 先规划,再生成
  5. 生成 .drawio
  6. 导出或打开

What it can do on your machine

Read from SKILL.md and the folder at commit b885298. 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

Drawio Chart loads about 687 tokens when it runs, and up to ~4.4k if it reads all its reference files. Until then it costs about 48 tokens; SKILL.md has 190 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~48
When it runs · the whole SKILL.md, loaded when a task matches
~687
With references · SKILL.md plus every file in references/, read only if the agent opens them
~4.4k

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 190 words (~687 tokens).

“这个 skill 负责把用户的图表需求转成 .drawio 文件,并在需要时导出为 PNG、SVG 或 PDF。”

— opening of SKILL.md by Snailclimb
name
drawio-chart

Read the full SKILL.md on GitHub

Files

SKILL.md and 5 other files (references) in skills/drawio-chart of Snailclimb/AIGuide.

  • SKILL.md
  • agents/openai.yaml
  • references/export-and-files.md
  • references/style-spec.md
  • references/use-cases.md
  • references/xml-and-layout.md

Open the folder on GitHubat commit b885298

Compare with similar skills

Drawio Chart 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.

Drawio Chart compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Drawio Chart this skillSnailclimb/AIGuide673—~687Automated safety check: PassNone
Drawio Diagram BuilderWill-hxw/drawio-diagram-builder413—~5.9kAutomated safety check: PassMIT
Drawiobahayonghang/drawio-skills287—~4.1kAutomated safety check: NotesMIT
Azv Azure To DiagramAzure/AZVerify101—~5.7kAutomated safety check: PassMIT
Azure Draw.io MCP Diagramsthomast1906/github-copilot-agent-skills202—~3.1kAutomated safety check: PassNone
Excalidraw MCP Diagrammingthomast1906/github-copilot-agent-skills202—~3.1kAutomated safety check: PassNone

Similar skills

  • Drawio Diagram Builder

    Will-hxw/drawio-diagram-builder

    Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams.

    413 GitHub stars~5.9k tokensUpdated 3 mo ago
    DevelopmentAuto-check passed
  • Drawio

    bahayonghang/drawio-skills

    Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing…

    287 GitHub stars~4.1k tokensUpdated 1 mo ago
    DevelopmentAuto-check: notes
  • Azv Azure To Diagram

    Azure/AZVerify

    Official

    Reverse-engineer a live Azure scope (resource group or filtered subscription) into a professional Draw.io architecture diagram following established AzVerify conventions.

    101 GitHub stars~5.7k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Azure Draw.io MCP Diagrams

    thomast1906/github-copilot-agent-skills

    Creates and edits architecture diagrams through the Draw.io MCP tool, with guidance for rendering Azure icons correctly and laying out network diagrams.

    202 GitHub stars~3.1k tokensUpdated 2 days ago
    DevelopmentAuto-check passed
  • Excalidraw MCP Diagramming

    thomast1906/github-copilot-agent-skills

    Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server.

    202 GitHub stars~3.1k tokensUpdated 2 days ago
    DevelopmentAuto-check passed
  • Drawio MCP Diagramming

    thomast1906/github-copilot-agent-skills

    Create and edit diagrams using the Draw.io MCP server — any shape, any vendor.

    202 GitHub stars~6.6k tokensUpdated 2 days ago
    DevelopmentAuto-check passed

More from Snailclimb/AIGuide

  • Java Coding Standards

    Snailclimb/AIGuide

    Java/Spring Boot 编码规范:用于编写、审查、重构和讲解 Java 代码。适用于 Java 风格、Spring Boot 架构、Controller/Service/Manager/DAO 分层、API 边界、Entity/VO/Form/DTO/BO 设计、MyBatis/MyBatis-Plus 持久化、事务、异常、日志、安全、性能、测试和 Java 代码评审等场景。默认结合…

    673 GitHub stars~1k tokensUpdated 3 mo ago
    Auto-check passed

Categories

Questions about Drawio Chart

What does Drawio Chart do?

Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。. Drawio Chart is an agent skill from Snailclimb/AIGuide.

When should I use Drawio Chart?

Drawio Chart fits situations like: tasks that involve Diagrams.

How do I install Drawio Chart in Claude Code?

Run `npx skills add Snailclimb/AIGuide --skill drawio-chart -a claude-code`. Or copy the skill folder (skills/drawio-chart in Snailclimb/AIGuide) into .claude/skills/drawio-chart in your project. Claude Code loads it when a task matches its description.

How do I install Drawio Chart in Codex?

Run `npx skills add Snailclimb/AIGuide --skill drawio-chart -a codex`. Or copy the skill folder (skills/drawio-chart in Snailclimb/AIGuide) into .agents/skills/drawio-chart in your project. Codex loads it when a task matches its description.

Can I use Drawio Chart 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 Snailclimb/AIGuide --skill drawio-chart -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/drawio-chart, .gemini/skills/drawio-chart, .github/skills/drawio-chart and .opencode/skills/drawio-chart in your project.

What does Drawio Chart need to run?

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

Does Drawio Chart 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 Drawio Chart 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 Drawio Chart use?

No licence was found for Drawio Chart or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Drawio Chart use?

About 687 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.7k tokens, read only when the agent opens those files.

What are the alternatives to Drawio Chart?

Skills that share tags, products or a category with Drawio Chart: Drawio Diagram Builder (Will-hxw/drawio-diagram-builder, 413 stars), Drawio (bahayonghang/drawio-skills, 287 stars), Azv Azure To Diagram (Azure/AZVerify, 101 stars) and Azure Draw.io MCP Diagrams (thomast1906/github-copilot-agent-skills, 202 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Drawio Chart?

Snailclimb (a GitHub user) maintains it in Snailclimb/AIGuide, which has 673 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on July 7, 2026.

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