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.
drawio-skill
drawio-skill is an open-source design skill for Claude Code and compatible agents, published by Agents365-ai. Its author describes it as: “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 pr…”. The project has 7.8k 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`.
What drawio-skill does
Generate `.drawio` XML files and export to PNG/SVG/PDF/JPG locally using the native draw.io desktop app CLI.
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.
What's inside
The SKILL.md for drawio-skill is organised into these sections:
- Overview
- When to use / when NOT to use
- Bundled resources
- Common Mistakes
- Diagram Type Presets
When to use it
Reach for drawio-skill when you want design help from your agent 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 7,769 GitHub stars
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does drawio-skill do?
- 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.
- 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.
- 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 7,769 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.
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.
Generate paid-ad image assets from a validated creative brief and brand profile using an explicitly configured image provider. Triggers on: generate ads, generate ad images, create ad creatives, create ad images, make ad images, generate visuals, make campaign visuals, generate images from campaign brief.