🔍 Drawio
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview
npx playbooks add skill bahayonghang/drawio-skills --skill drawio
About Drawio
Drawio specializes your AI coding agent in code review & quality — it ai-powered draw.io diagram generation with design system, 3 workflows, and real-time browser preview.
At 13 words, this compact prompt gives your agent specialized code review & quality expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Catching bugs and security vulnerabilities before merge
- Enforcing code style and architectural consistency
- Reviewing PRs for performance and maintainability
- Generating detailed code review comments
Example Prompts
System Prompt (13 words)
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview
Frequently Asked Questions
What is Drawio?
Drawio is a free code review & quality skill for AI coding agents. AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview. It provides a specialized system prompt that configures your agent with code review & quality expertise.
How do I use Drawio with Claude Code?
Run npx playbooks add skill bahayonghang/drawio-skills --skill drawio in your terminal to install Drawio into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Drawio?
Drawio is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Drawio free to use?
Yes, Drawio is completely free and open source. The full source is available on GitHub at https://github.com/bahayonghang/drawio-skills/tree/main/skills/drawio. You only need a subscription to the AI agent you use it with.
