Draw.io Chart

by Snailclimb

Draw.io Chart is an Automation skill for Claude Code, published by Snailclimb in AIGuide.

555 stars67 forkson Snailclimb/AIGuideAdded 2026/08/25+4% in starsRepository updated 2026/07/07

View source on GitHub Download repo ZIP

aiai-agentsclaude-codecodexcontext-engineeringcursorgolanggraphragjavallmmcpprompt-engineeringrag

Install in seconds

Install Draw.io Chart

Copy Draw.io Chart into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Snailclimb/AIGuide/tree/main/skills/drawio-chart ~/.claude/skills/drawio-chart

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Snailclimb/AIGuide.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/drawio-chart/SKILL.md in Snailclimb/AIGuide
Installs to: ~/.claude/skills/drawio-chart
Collection: One of 2 skills cataloged from this repository
Category: Automation — 1523 skills

What Draw.io Chart does

Draw.io Chart generates .drawio diagrams and can export them to PNG, SVG, or PDF. Use it for flowcharts, architecture diagrams, sequence diagrams, ER diagrams, state diagrams, and mind maps.

Draw.io Chart is cataloged under Automation on DirSkills. Draw.io Chart comes from a repository tagged ai, ai-agents, claude-code, codex and context-engineering.

Documentation

README

Excerpt

Draw.io 配图专家

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

主文件只保留任务路由、工作流和验收规则。详细样式、XML 模板、导出命令和示例按需读取 references/。

什么时候使用

在这些场景下优先使用本 skill：

用户明确要求 draw.io、diagrams.net 或 .drawio
用户要求生成流程图、架构图、时序图、ER 图、状态机图、思维导图
用户希望把图导出为 PNG / SVG / PDF
用户要给技术文章、教程、系统设计文档配图
用户给出一篇文章，希望抽取多张技术图并放进同一个 draw.io 文件

不适合本 skill 的情况：

用户只想要 Mermaid 代码，不需要 .drawio
用户需要的是位图插画、海报或白板风正文配图，而不是结构化图表
用户只是讨论图表思路，还不想真正生成文件

参考路由

按任务需要读取对应参考文件，不要默认把所有参考内容都塞进上下文：

需求	读取文件
颜色、字体、节点语义、连线风格、视觉统一规范	`references/style-spec.md`
XML 结构规则、文本标签规则、节点/连线模板、不同图表类型的结构建议	`references/xml-and-layout.md`
导出命令、文件命名、打开方式、交付规则	`references/export-and-files.md`
常见提示词、单图/多图文章配图示例、批量页面生成方式	`references/use-cases.md`

核心规则

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Draw.io Chart

What else does Snailclimb publish alongside Draw.io Chart?
Draw.io Chart is one of 2 skills that DirSkills catalogs from Snailclimb/AIGuide, the repository it ships in. Its siblings there include Java Coding Standards. Each one is a separate skill with its own page in this directory, installs the same way Draw.io Chart does, and is maintained by Snailclimb in that same repository. The rest of the collection is listed on the Snailclimb/AIGuide page.
How does Draw.io Chart compare to other Automation skills?
Draw.io Chart ranks #1283 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Draw.io Chart against them. Open each page to compare what they document and how they install.