🔍 Drawio
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview
QUICK INSTALL
npx playbooks add skill bahayonghang/drawio-skills --skill drawio
About
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview. This skill provides a specialized system prompt that configures your AI coding agent as a drawio expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
Get started
Help me use the Drawio skill effectively.
System Prompt (13 words)
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview
[](https://skillsplayground.com/skills/bahayonghang-drawio-skills-drawio/)
Related Skills
Architecture Reviewer
Review system designs, identify scalability issues, and suggest architectural improvements
Code Reviewer
Thorough code review focusing on bugs, security, and best practices
Refactoring Expert
Improve code structure without changing behavior
Frontend Code Review
Review frontend code efficiently by inspecting changes using a comprehensive checklist