Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block, requirement, parametric), BPMN business process diagrams, swimlane / cross-functional flowcharts, network topology, cloud architecture from Terraform or Kubernetes manifests, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Best suited when the diagram needs custom styling, rich shape vocabulary, swimlanes, or exportable images (PNG/SVG/PDF/JPG). Generates .drawio XML and exports locally via the native draw.io desktop CLI.
Drawio Skill
Drawio Skill is an open-source design skill for Claude Code, published by Agents365-ai. Its author describes it as: “Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression,…”. The project has 6.9k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/Agents365-ai/drawio-skill ~/.claude/skills/drawio-skill`.
Installation
Add Drawio Skill to your agent with:
git clone https://github.com/Agents365-ai/drawio-skill ~/.claude/skills/drawio-skillAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for Drawio Skill when you want design help from Claude Code without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear MIT license — safe to read and adapt
- Ships in Agents365-ai/drawio-skill, an established project with 6,910 GitHub stars
- Declares compatibility with Claude Code
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does Drawio Skill do?
- Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression, click-through runbooks, PR diff bot. Vision self-check, 10,000+ shapes. Exports PNG/SVG/PDF/JPG.
- How do I install Drawio Skill?
- Run git clone https://github.com/Agents365-ai/drawio-skill ~/.claude/skills/drawio-skill in your agent, then reload your skills. Review the source at https://github.com/Agents365-ai/drawio-skill before installing.
- Is Drawio Skill free to use?
- Yes. Drawio Skill is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Which agents does Drawio Skill work with?
- Drawio Skill declares compatibility with Claude Code. Agent Skills use a portable SKILL.md format, so other compatible clients can usually load it too.
- Where does Drawio Skill come from?
- Drawio Skill ships inside Agents365-ai/drawio-skill, a repository that contains 2 catalogued skills in total. The repository's 6,910 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Design →
When the user needs to generate, iterate, or scale ad creative for paid advertising. Use when they say 'write ad copy,' 'generate headlines,' 'create ad variations,' 'bulk creative,' 'iterate on ads,' 'ad copy validation,' 'RSA headlines,' 'Meta ad copy,' 'LinkedIn ad,' or 'creative testing.' This is pure creative production — distinct from paid-ads (campaign strategy). Use ad-creative when you need the copy, not the campaign plan.
When the user wants to apply, document, or enforce brand guidelines for any product or company. Also use when the user mentions 'brand guidelines,' 'brand colors,' 'typography,' 'logo usage,' 'brand voice,' 'visual identity,' 'tone of voice,' 'brand standards,' 'style guide,' 'brand consistency,' or 'company design standards.' Covers color systems, typography, logo rules, imagery guidelines, and tone matrix for any brand — including Anthropic's official identity.
小说封面生成。根据书名、作者名自动分析题材风格，调用 GPT-Image-2 生成含标题和署名的专业级网文封面；Codex CLI 优先使用内置 ImageGen，无需单独 API Key。触发方式：/story-cover、/封面、「帮我做个封面」「生成封面图」「做个小说封面」「封面设计」。
Audit paid-ad copy, images, video, hooks, concepts, format coverage, platform-native fit, message match, creative fatigue, accessibility, and policy across supported platforms. Use for creative audit, ad creative, creative fatigue, creative diversity, ad copy review, video review, image review, or production priorities.