# Dayuanjiang/next AI Draw Io

> Create, edit, and export draw.io diagrams via CLI with real-time browser preview. Use when user needs to create or modify diagrams, generate mxGraphModel XML, or export diagrams as PNG/SVG.

- Skill: `makabakaxy/dayuanjiang-next-ai-draw-io` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add makabakaxy/dayuanjiang-next-ai-draw-io`
- Raw SKILL.md: https://api.skillmd.com/api/skills/makabakaxy/dayuanjiang-next-ai-draw-io/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: makabakaxy (https://skillmd.com/u/makabakaxy)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/makabakaxy/dayuanjiang-next-ai-draw-io

---


# dayuanjiang/next-ai-draw-io (via mcp2cli)

Create and edit draw.io diagrams with real-time browser preview.

## Shortcuts

- `mcp2cli diagram <cmd>`
- `mcp2cli session <cmd>`
- `mcp2cli next-ai-draw-io <cmd>`

## Commands

### Session
| Command | Description | Example | Ref |
|---|---|---|---|
| `mcp2cli session start` | Start session and open browser preview | `mcp2cli session start` | [ref](reference/session.md) |

### Diagram
| Command | Description | Example | Ref |
|---|---|---|---|
| `mcp2cli diagram create` | Create a new diagram from mxGraphModel XML | `mcp2cli diagram create --xml '<mxGraphModel>...</mxGraphModel>'` | [ref](reference/diagram.md) |
| `mcp2cli diagram get` | Get current diagram XML from browser | `mcp2cli diagram get` | [ref](reference/diagram.md) |
| `mcp2cli diagram edit` | Edit diagram using ID-based cell operations | `mcp2cli diagram edit --operations '[{"operation":"add","cell_id":"rect-1","new_xml":"..."}]'` | [ref](reference/diagram.md) |
| `mcp2cli diagram export` | Export diagram to file (.drawio/.png/.svg) | `mcp2cli diagram export --path ./diagram.png` | [ref](reference/diagram.md) |

## Discover Parameters

Append `--help` to any command for full parameter list:

    mcp2cli diagram create --help

> **Note**: Use Ref links above to view detailed parameter reference and examples.

## User Notes

> **MUST READ** [users/skill.md](users/skill.md) for custom workflows and tips.
> **Config**: MCP server settings live in `~/.agents/mcp2cli/servers.yaml` - edit there to take effect.