skills.rest
WingsZeng
WingsZengCOMMUNITY
Explore all skills by this author →
GitHub

drawio-diagrams-enhanced

Generate mxGraphModel XML diagrams via the next-ai-draw-io MCP server.

2|1|Updated Mar 13, 2024
Search Tags:#mcp#diagrams#drawio#mxgraph#diagrams.net#workflow diagrams
One-click install
npx skills add https://github.com/WingsZeng/dotfiles --skill drawio-diagrams-enhanced
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-diagrams-enhanced
Source: https://github.com/WingsZeng/dotfiles/tree/main/dot_config/goose/skills/drawio-diagrams-enhanced
Command: npx skills add https://github.com/WingsZeng/dotfiles --skill drawio-diagrams-enhanced

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enhanced Draw.io Diagram Creation with MCP Integration helps teams generate professional diagrams quickly with real-time browser previews and seamless editing.

Core Features & Use Cases

  • Real-time diagram creation and editing using the next-ai-draw-io MCP server
  • MXGraphModel XML generation for fast browser previews and editing
  • Supports standard diagram types (Flowcharts, BPMN, UML, Org charts, Network diagrams, Mind Maps)
  • PMP/PMBOK template support and custom libraries for icons and assets
  • Clear activation workflow: start session, create diagram, edit, and fetch current state

Quick Start

Start a session with start_session, then create a new diagram using create_new_diagram and supply a minimal mxGraphModel payload.

Frequently Asked Questions about drawio-diagrams-enhanced

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

FAQPage Schema
How do I generate draw.io diagrams using MCP integration?▼

To generate draw.io diagrams using MCP integration, start a session, create a new diagram, and supply a minimal mxGraphModel XML payload to output standard types like Flowcharts, BPMN, and UML for real-time browser previews.

Can I create cross-functional flowcharts and UML diagrams with real-time browser preview?▼

Yes, you can create cross-functional flowcharts and UML diagrams with real-time browser preview by outputting mxGraphModel XML through the next-ai-draw-io MCP server, enabling fast visual editing and instant rendering.

What diagram templates are available for PMP and PMBOK workflows?▼

PMP and PMBOK diagram templates are available to support project management workflows, allowing you to quickly generate professional process diagrams, org charts, and network diagrams using minimal mxGraphModel structures.

How do I structure mxGraphModel XML for custom draw.io icons and assets?▼

You structure mxGraphModel XML for custom draw.io icons by applying consistent IDs and coordinates within a minimal payload, optionally enabling custom libraries to render specialized assets during real-time MCP diagram creation.

Does MCP diagram generation support network diagrams and mind maps?▼

Yes, MCP diagram generation supports standard diagram types including network diagrams and mind maps, utilizing mxGraphModel XML output to render structured visualizations directly in the browser for immediate review and editing.

What is the workflow to start creating diagrams via the MCP server?▼

The workflow to start creating diagrams via the MCP server involves initiating a session, creating a new diagram with a minimal mxGraphModel payload, editing the structure, and fetching the current state for browser preview.

Related Skills

Explore More Design & Creative Skills→
pypeadaypypeaday
2

drawio

Create and update architecture diagrams via a draw.io MCP server.

Community
Advanced
SwimmingLiuSwimmingLiu
1

drawio

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

Community
Intermediate
nilecuinilecui
27

drawio-diagrams-enhanced

Generate draw.io diagrams in XML format with PMP/PMBOK methodologies.

Community
Advanced
DonaldMurilloDonaldMurillo
13

app-introspect

Inspect running GoFastr app routes, plugins, batteries, config, and readiness.

Community
Advanced