drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 4.5k
- Source
- skill-github
- Repository
- github.com/Agents365-ai/drawio-skill
Overview
drawio-skill is a skill that converts natural language descriptions into `.drawio` XML and exports to PNG/SVG/PDF/JPG. It supports 6 preset diagram types, can visualize existing codebases (Python/JS-TS/Go/Rust), and provides access to over 10,000 official shapes and 321 AI/LLM brand logos. The skill also features self-check and multi-round optimization to ensure clear, well-structured layouts. Compatible with agents like Claude Code, Cursor, and Copilot, and requires no configuration to run.
Capabilities
- ▪6 preset diagram types
- ▪Visualize existing codebases
- ▪Search over 10,000 official shapes
- ▪321 AI/LLM brand logos
- ▪Self-check and automatic repair
- ▪Up to 5 rounds of iterative optimization
Use cases
Setup
1. Install draw.io desktop CLI: macOS: `brew install --cask drawio`; Windows: download installer; Linux: download .deb/.rpm package from releases. 2. Install the skill: `npx skills add Agents365-ai/365-skills -g` or clone the repository manually.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to verify if the draw.io CLI is installed successfully?
Run the `drawio --version` command.
Which programming languages are supported for codebase visualization?
Supports Python, JS-TS, Go, and Rust.
Related skills
make-interfaces-feel-better
AI coding assistant skill for enhancing UI design details.
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.