構成図作成(draw.io MCP)

Create infrastructure architecture diagrams from project docs using draw.io MCP.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/sugar-cat7/ai-avatar-interview --skill draw-io-mcp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: 構成図作成(draw.io MCP)
Source: https://github.com/sugar-cat7/ai-avatar-interview/tree/main/.agent/skills/drawio-architecture
Command: npx skills add https://github.com/sugar-cat7/ai-avatar-interview --skill draw-io-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly generate up-to-date architecture diagrams for the project's infrastructure using draw.io MCP, ensuring visual consistency and easy sharing.

Core Features & Use Cases

  • Integrated draw.io MCP workflow (open_drawio_mermaid / open_drawio_xml) to produce system diagrams.
  • Automatically reflect components from docs and project structure, with clear naming conventions.
  • Save and version diagrams under docs/infrastructure/diagrams for centralized reference and onboarding.

Quick Start

Open the project docs to identify system components, run the default draw.io MCP workflow to generate the diagram, and save the output to docs/infrastructure/diagrams with a descriptive file name.

Frequently Asked Questions about 構成図作成(draw.io MCP)

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

FAQPage Schema
How do I generate architecture diagrams from existing project documentation?

To generate architecture diagrams from documentation, this Skill analyzes your project structure and docs to identify system components, then uses draw.io MCP to produce visual diagrams saved under docs/infrastructure/diagrams.

What is the best way to keep infrastructure diagrams updated as the project changes?

Keeping infrastructure diagrams updated is done by re-running the draw.io MCP workflow, which reflects current system components and dependencies from project docs, then updates related documentation to ensure accuracy.

Can I use draw.io MCP to create diagrams from Mermaid or XML formats?

Yes, you can use draw.io MCP to create diagrams from Mermaid or XML formats using the open_drawio_mermaid and open_drawio_xml functions, which render system components into visual architecture diagrams.

Do I need to manually organize my infrastructure diagrams after generation?

No, you do not need to manually organize infrastructure diagrams after generation, because the Skill automatically saves outputs to docs/infrastructure/diagrams using descriptive naming conventions for centralized reference.

Does generating draw.io architecture diagrams require manual component identification?

Generating draw.io architecture diagrams does not require manual component identification, as the workflow automatically extracts system components and their dependencies directly from your project structure and documentation.

What limitations exist when using draw.io MCP for infrastructure documentation?

A limitation of using draw.io MCP for infrastructure documentation is that diagram accuracy depends entirely on the completeness of your project docs, meaning undocumented infrastructure components will not appear in the generated diagrams.