GitHub - ekusiadadus/draw-mcp

draw-mcp — AI-Generated draw.io XML Quality Standard

A Claude Code skill and CLI validator for generating high-quality draw.io diagrams. 31 validation rules across 10 modules, 4 validation modes, preset system, and CI-ready tooling.

Positioning

draw-mcp is a Claude Code XML generation skill with strict validator and style guide. The official draw.io MCP server is complementary (use it for previews, Mermaid, CSV). draw-mcp focuses on quality for production diagrams.

Supported Features

Features backed by validator rules, tests, and real examples:

• 31 Validation Rules across 10 modules (defined in claims.yaml)
• 4 Validation Modes: loose, standard, strict, production
• CLI Tool: draw-mcp-validate with text/JSON output, severity filtering, and mode selection
• Preset System: YAML-based presets as validation profiles (--preset)
• Font Management: Enforces fontFamily on all text elements
• Edge Routing: Z-order, relative geometry, arrowhead spacing, node spacing
• Containers: Swimlane, group, custom containers with pointer events
• Layers: Layer structure validation, cross-layer edge detection
• Endpoint Semantics: Source/target validity, floating/orphan edge detection
• Security: Dangerous HTML tag detection, control character validation
• Japanese Text: Width allocation for CJK characters
• CI Integration: GitHub Actions, pre-commit hooks, 153+ tests

Experimental Features

Features documented but not deeply validated:

• Advanced routing heuristics (crossing density, edit tolerance)
• Custom connection-point presets
• PRODUCTION mode auto-detection of preset from example metadata

Non-Goals

Features explicitly out of scope:

• Hosted preview (use draw.io desktop or VS Code extension)
• Mermaid or CSV conversion (use official jgraph/drawio-mcp)
• Dark mode / lightbox runtime options
• Browser tab or editor orchestration
• Auto-layout (use draw.io's built-in layout engines)

Quick Start

Plugin Installation

# Via Claude Code marketplace
/plugin marketplace add ekusiadadus/draw-mcp

# Or install directly
/plugin add https://github.com/ekusiadadus/draw-mcp

Manual Installation

git clone https://github.com/ekusiadadus/draw-mcp ~/.claude/skills/draw-io

CLI Validator

pip install -e ".[dev]"

# Validate a file (default: standard mode)
draw-mcp-validate diagram.drawio

# Specify validation mode
draw-mcp-validate diagram.drawio --mode strict

# JSON output
draw-mcp-validate diagram.drawio --format json

# Errors only
draw-mcp-validate diagram.drawio --severity error

Usage

Once installed, Claude Code uses this skill automatically for draw.io diagrams.

Create a simple flowchart showing: Start -> Process -> End
Draw an architecture diagram with swimlane containers
Create a layered diagram with infrastructure and application layers

Validation Modes

Rule counts are defined in claims.yaml and verified by CI.

Validation Rules (31)

Project Structure

draw-mcp/
├── src/drawio_validator/          # Validator package
│   ├── __init__.py                # Version constant
│   ├── severity.py                # Severity enum, Finding dataclass
│   ├── validator.py               # Orchestrator with mode support
│   ├── output.py                  # Text/JSON formatters
│   ├── cli.py                     # CLI entry point
│   ├── preset.py                  # Preset loader
│   └── rules/                     # 10 rule modules
│       ├── __init__.py            # Mode enum, rule registry
│       ├── structure.py           # 5 rules (LOOSE)
│       ├── style.py               # 4 rules (STANDARD)
│       ├── edge.py                # 4 rules (STANDARD)
│       ├── container.py           # 4 rules (STANDARD)
│       ├── text.py                # 3 rules (STANDARD)
│       ├── export.py              # 2 rules (STANDARD)
│       ├── endpoint.py            # 3 rules (STRICT)
│       ├── escape.py              # 2 rules (STRICT)
│       ├── group.py               # 2 rules (STRICT)
│       └── layer.py               # 2 rules (STRICT)
├── skills/draw-io/                # Skill definition
│   ├── SKILL.md                   # Formal specification v2.0
│   ├── reference.md               # XML reference
│   ├── examples.md                # Production-ready examples
│   └── checklist.md               # Validation checklist
├── presets/                       # YAML preset definitions
│   ├── flowchart.yml
│   └── architecture.yml
├── docs/spec/                     # Formal specifications
│   ├── structure.md
│   ├── routing.md
│   ├── containers.md
│   ├── layers.md
│   ├── text.md
│   ├── export.md
│   └── non-goals.md
├── tests/                         # 153+ tests
│   ├── fixtures/                  # 9 XML fixture files
│   ├── test_structure.py
│   ├── test_style.py
│   ├── test_edge.py
│   ├── test_container.py
│   ├── test_text.py
│   ├── test_endpoint.py
│   ├── test_escape.py
│   ├── test_group.py
│   ├── test_layer.py
│   ├── test_modes.py
│   ├── test_preset.py
│   ├── test_golden_examples.py
│   ├── test_claims.py
│   ├── test_cli.py
│   ├── test_integration.py
│   ├── test_severity.py
│   └── test_drawio_skill.py       # Legacy tests
├── examples/                      # Golden .drawio files
│   ├── sample-flowchart.drawio
│   ├── flowchart-basic.drawio
│   ├── architecture-layered.drawio
│   ├── swimlane-process.drawio
│   └── japanese-labels.drawio
├── .github/workflows/ci.yml       # CI (fail-closed)
├── pyproject.toml                  # Build config (hatchling)
└── .pre-commit-config.yaml         # Pre-commit hooks

MCP Integration (Optional)

Requirements

• Python 3.10+
• pytest (for tests)
• draw.io CLI (for PNG export, optional)

# macOS
brew install --cask drawio

# Development setup
pip install -e ".[dev]"
pre-commit install

Running Tests

# All tests with coverage
pytest tests/ -v --cov=drawio_validator --cov-report=term-missing

# Specific module
pytest tests/test_structure.py -v

Contributing

1. Fork the repository
2. Create a feature branch
3. Write tests first (TDD)
4. Implement to pass tests
5. Run: pytest tests/ -v --cov=drawio_validator
6. Submit a pull request

License

MIT License - see LICENSE

Related Resources

• draw.io Desktop
• draw.io MCP Server (Official)
• draw.io Style Reference
• draw.io XSD Schema
• Claude Code Documentation

Changelog

v2.1.0 (2026-03-10)

• 31 rules: Added endpoint, escape, group, layer modules (up from 23)
• 4 validation modes: loose, standard, strict, production
• claims.yaml: Machine-readable source of truth for all feature claims
• Mode-rule matrix: Explicit rule counts per mode, verified by CI
• Preset as validation profile: validate_against_preset() + --preset CLI flag
• Golden examples: 5 real .drawio files with validation tests
• Spec docs: Formal specifications in docs/spec/ (incl. presets.md)
• Bidirectional claims tests: Registry ↔ claims.yaml consistency
• CI fail-closed: Removed || true from validation steps
• 162+ tests (up from 93)

v2.0.0 (2026-03-10)

• Validator overhaul: 23 modular rules in 6 categories
• CLI tool: draw-mcp-validate with text/JSON output
• Package: pyproject.toml with hatchling build
• SKILL.md v2.0: Formal specification with MUST/SHOULD/INFO levels
• Layers: Full layer support
• Test suite: 93 tests at 96%+ coverage (up from 20 tests)
• CI: GitHub Actions with Python 3.10-3.13 matrix

v1.1.0 (2026-03-10)

• Edge routing best practices
• Container/group support
• XML well-formedness validation

v1.0.0 (2025-12-16)

• Initial release