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.