architecture-diagram

Generate architecture diagrams as .drawio files via draw.io MCP tooling.

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/xjiang77/agent-wisp --skill architecture-diagram
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: architecture-diagram
Source: https://github.com/xjiang77/agent-wisp/tree/main/research/slipbox/moltbot/drawio-skill
Command: npx skills add https://github.com/xjiang77/agent-wisp --skill architecture-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Architects and engineers struggle to create consistent, professional architecture diagrams across projects; this skill provides a guided workflow to generate diagrams with standard patterns using draw.io MCP tooling.

Core Features & Use Cases

  • Generate consistent architecture diagrams (system, data flow, sequence) using draw.io MCP tooling.
  • Export to .drawio and iterate on layout with predefined design principles.
  • Provide reusable templates and quick visualizations from textual requirements.

Quick Start

Start a new architecture diagram by providing requirements, selecting the diagram type, and exporting the result as a .drawio file.

Frequently Asked Questions about architecture-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a draw.io architecture diagram from text requirements?▼

You can generate a draw.io architecture diagram by providing textual design requirements, which triggers a guided workflow using draw.io MCP tooling. The skill creates the diagram using mxGraphModel XML and exports it as a .drawio file.

What types of system diagrams can I create with draw.io MCP tooling?▼

Draw.io MCP tooling supports creating software architecture diagrams, system diagrams, flowcharts, sequence diagrams, and data flow diagrams. It uses mxGraphModel XML and standardized layout rules to maintain consistent professional visualizations.

Do I need any external dependencies to create architecture diagrams with this workflow?▼

No external dependencies are required to use this architecture diagram workflow. The skill operates independently, managing the diagram lifecycle from starting a session to exporting the final .drawio file.

Can I edit and iterate on an existing system diagram layout after generation?▼

Yes, you can edit and iterate on an existing system diagram layout using the edit_diagram workflow step. The skill supports retrieving existing diagrams, applying predefined design principles, and exporting the updated layout as a .drawio file.

What is the best way to ensure consistent architecture diagrams across different projects?▼

The best way to ensure consistent architecture diagrams is to use a guided workflow that applies standardized layout rules via mxGraphModel XML. This approach enforces predefined design principles to generate reusable templates and professional visualizations on-demand.