drawio-skillCreate and edit draw.io diagrams through the configured drawio MCP server, including flowcharts, architecture diagrams, ML model diagrams, Chinese labels, an...
Install via ClawdBot CLI:
clawdbot install yyq2024/drawio-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 6, 2026
An architect uses Draw.io to map out a multi-region deployment topology with service groups, trust zones, and protocol labels. The assistant helps create a detailed architecture diagram with clear left-to-right flow and boundary containers.
A Chinese-speaking business analyst creates a process flowchart with Simplified Chinese labels and legends. The assistant ensures node text is short, uses ASCII basename with -zh suffix, and keeps standard abbreviations unchanged.
A data scientist visualizes an LSTM or Transformer architecture with repeated blocks, grouped containers, and distinct color semantics for cell state vs hidden state. The assistant exports both .drawio and .svg for sharing.
A product manager requests a flowchart with animated dashed edges for a user login flow. The assistant adds flowAnimation=1 styling, keeps arrowheads explicit, and exports to SVG to preserve animation.
A consultant creates a box-and-arrow diagram for a business process, starting a session, reading existing diagram, then editing with preserved user changes. The assistant exports using kebab-case basename derived from topic.
Offer the drawio MCP server as a paid subscription for teams, providing reliable diagramming infrastructure with integration support. Revenue comes from monthly or annual licensing fees.
Provide basic diagram creation for free, but charge for advanced exports like SVG with animations or high-resolution formats. Revenue is generated per export or via a premium tier.
Offer bespoke diagramming solutions for large enterprises, including custom templates, integration with internal tools, and training. Revenue comes from project-based consulting fees.
💬 Integration Tip
Ensure the drawio MCP server is configured and running before using the skill. For best results, always call start_session before any diagram operations.
Scored May 6, 2026
Support design understanding from basic visuals to professional production and theory.
Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams, sequence diagrams, flowcharts, ERDs, C4 architecture diagrams, state diagrams, git graphs, and other diagram types. Triggers include requests to diagram, visualize, model, map out, or show the flow of a system.
Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmatically.
Generates original visual art and posters as PNG or PDF files using defined design philosophies like minimalism, brutalism, or skeuomorphism.
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.
Create RFQ-ready 2D DXF (and optional SVG preview) files from a strict, validated JSON spec derived from a natural-language design prompt. Use for sheet/plate parts (waterjet/laser/router) like mounting plates, gussets, brackets, hole patterns, and slots.