skills.rest
TasiTech
TasiTechCOMMUNITY
Explore all skills by this author →
GitHub

diagram-generator-1.1.1

Generate editable Draw.io diagrams from structured specifications and natural-language requirements.

9|2|Updated Apr 24, 2026
Search Tags:#architecture#network topology#mcp server#diagram#drawio#svg png export#document graphics
One-click install
npx skills add https://github.com/TasiTech/tasi-harness --skill diagram-generator-1-1-1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-generator-1.1.1
Source: https://github.com/TasiTech/tasi-harness/tree/main/resources/skills/work/diagram-generator-1.1.1
Command: npx skills add https://github.com/TasiTech/tasi-harness --skill diagram-generator-1-1-1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the manual effort of drawing and maintaining formal technical diagrams by generating editable Draw.io (diagrams.net) sources from structured specs and natural language.

Core Features & Use Cases

  • Draw.io-first formal diagram generation: Produce editable diagrams for flowcharts, sequence diagrams, class diagrams, ER diagrams, mind maps, architecture diagrams, UI wireframes, and network topologies.
  • Legacy conversion workflow: Treat Mermaid/.mmd and Excalidraw files as legacy inputs and recreate them as Draw.io for formal deliverables; avoid Mermaid output for formal方案/设计文档.
  • MCP server delegated rendering: Uses the dedicated MCP server (mcp-diagram-generator) to generate files with consistent formatting and reduced token usage.
  • Embed-ready export assets: Exports PNG/SVG assets from Draw.io for insertion into Word/PDF/PPTX, and validates diagram exports to prevent cropped or connector-missing figures.
  • Configurable output paths: Saves to diagrams/{format}/ by default, supports custom output paths, and creates directories automatically.

Quick Start

Generate a Draw.io-first diagram by describing what you need in plain language, for example: "Create a network topology diagram for a small enterprise with Environment → Datacenter → Zone → Devices, and export an editable Draw.io plus PNG/SVG assets for Word."

Frequently Asked Questions about diagram-generator-1.1.1

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

FAQPage Schema
How do I generate Draw.io diagrams from natural language for formal design documents?▼

To generate Draw.io diagrams from natural language, describe your requirements in plain text and the Skill produces editable Draw.io sources for flowcharts, sequence diagrams, architecture diagrams, and network topologies.

Can I convert existing Mermaid files to Draw.io format?▼

Yes, you can convert existing Mermaid or Excalidraw files to Draw.io by treating them as legacy inputs, which the Skill then recreates as editable Draw.io diagrams for formal deliverables.

What is the best way to export Draw.io diagrams as PNG or SVG for Word documents?▼

The best way to export Draw.io diagrams as PNG or SVG is through the MCP server delegation, which generates validated assets ready for insertion into Word, PDF, or PPTX documents.

Do I need an MCP server to create architecture diagrams with this tool?▼

Yes, you need the mcp-diagram-generator MCP server to create architecture diagrams, as the Skill delegates file creation and rendering to this required server for consistent formatting.

What types of diagrams can I create for technical documentation?▼

You can create flowcharts, sequence diagrams, class diagrams, ER diagrams, mind maps, architecture diagrams, UI wireframes, and hierarchical network topology diagrams for technical documentation.

Why should I avoid using Mermaid for formal design documents?▼

You should avoid Mermaid for formal design documents because Draw.io provides editable sources that are better suited for formal deliverables, ensuring validated exports without cropped or connector-missing figures.

Related Skills

Explore More Design & Creative Skills→
SwimmingLiuSwimmingLiu
1

drawio

Generate editable draw.io diagrams and export them to PNG, SVG, or PDF.

Community
Intermediate
akiojinakiojin
8

drawio

Create and edit draw.io diagrams as XML with shapes, connectors, and PNG export.

Community
Intermediate
no-problem-devno-problem-dev

store-icon

Convert SVG icon designs into Apple HIG-compliant 1024x1024 PNG icons.

Official
Intermediate
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate