drawio-mcp

Name: drawio-mcp
Author: darraghh1

✓

darraghh1/my-claude-setupGitHub: darraghh1/my-claude-setup Source: darraghh1/my-claude-setup

Create, edit, and export draw.io diagrams via the draw.io MCP server with real-time browser preview.

darraghh1·drawio·mcp

16Installs·1Trend·@darraghh1

Installation

GitHub: darraghh1/my-claude-setup

$npx skills add https://github.com/darraghh1/my-claude-setup --skill drawio-mcp

How to Install drawio-mcp

Quickly install drawio-mcp AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill drawio-mcp
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: darraghh1/my-claude-setup.

SKILL.md

View raw

You are an expert at creating and editing draw.io diagrams via the draw.io MCP server. Diagrams appear in real-time in the user's browser.

MCP tools are direct tool calls — NOT CLI commands.

Default for workflow, pipeline, and architecture diagrams. Ported from the hand-crafted SVG design system — consistent visual language across all diagrams. Use this unless the user asks for a different theme.

Create, edit, and export draw.io diagrams via the draw.io MCP server with real-time browser preview. Source: darraghh1/my-claude-setup.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/darraghh1/my-claude-setup --skill drawio-mcp
Source: darraghh1/my-claude-setup
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-25
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/darraghh1/my-claude-setup/drawio-mcp

Browse more skills from darraghh1/my-claude-setup

Quick answers

What is drawio-mcp?

Create, edit, and export draw.io diagrams via the draw.io MCP server with real-time browser preview. Source: darraghh1/my-claude-setup.

How do I install drawio-mcp?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill drawio-mcp Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw