Generate Draw.io diagrams from structured specifications or natural-language prompts.
npx skills add https://github.com/fancive/claude-skills --skill drawio-fancive
Please help me install this Agent Skill. Skill: drawio Source: https://github.com/fancive/claude-skills/tree/main/skills/drawio Command: npx skills add https://github.com/fancive/claude-skills --skill drawio-fancive
Draw.io diagram authoring can be tedious and error-prone when enforcing a consistent visual language across teams; this Skill automates diagram creation to apply a unified Design System with semantic shapes, typed connectors, and grid-aligned layouts, while enabling real-time browser previews via MCP.
Describe the diagram you want and the skill will generate a Draw.io diagram using the Design System tokens and MCP server.
High-intent search queries and answers about installing and using this skill.
Automate Draw.io diagram generation by providing natural language prompts or structured specifications. The system applies a unified design system with semantic shapes and typed connectors to render architecture or workflow diagrams automatically.
Enforce a consistent design system in Draw.io automatically by applying theme-aware styling, semantic node types, and an 8px grid layout. This ensures visual consistency across software architecture diagrams and process flowcharts without manual formatting.
Generate grid-aligned software architecture diagrams by defining modules and typed connectors in YAML-like specs. The tool applies an 8px grid with consistent typography, ensuring standardized visual outputs for documentation and presentations.
Generated Draw.io XML supports real-time browser previews via an MCP server. This allows rapid iteration and direct stakeholder sharing without leaving the browser environment or manually exporting files.
Export formats for Draw.io diagrams include XML, SVG, and PNG. These outputs maintain consistent typography and theme-aware styling, with optional MathJax rendering for complex data pipelines and technical diagrams.
Using natural language prompts for Draw.io workflow generation requires structured specifications for complex data pipelines. While automated design system application ensures visual consistency, highly customized non-standard shapes may need manual XML adjustments.
luyangliuableGenerate Draw.io diagrams from natural language, images, or YAML specifications.
akiojinCreate and edit draw.io diagrams as XML with shapes, connectors, and PNG export.
bahayonghangConvert natural language prompts and YAML specs into Draw.io XML.
edteCreate and validate Draw.io diagrams as .drawio or .xml files.
