From prompt to diagram
in seconds.
An MCP server that generates live Mermaid diagrams from any AI assistant. Claude, Cursor, and more.
Get started in seconds
Install the CLI or add the MCP server to your AI tool.
CLI
Convert Mermaid files to hand-drawn SVGs from the command line.
npm install -g @sketchdraw/cliMCP Server
Add to your Claude Desktop or Cursor MCP configuration:
{
"mcpServers": {
"sketchdraw": {
"command": "npx",
"args": ["-y", "@sketchdraw/mcp-server"]
}
}
}Everything you need
A complete toolkit for generating diagrams in your AI workflow.
MCP Server
Integrates with any MCP-compatible AI client — Claude Desktop, Cursor, Windsurf, and more.
Visualize Any System
Understanding a new codebase? Ask your AI to generate a diagram on the fly. Instant clarity.
Live Server
Starts a local server with browser preview that auto-refreshes as diagrams are generated.
Mermaid Syntax
Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, and more.
Design Docs on the Fly
Writing a technical RFC or ideating on architecture? Generate diagrams for your design documents instantly.
Zero Config
Works out of the box. Just install, add to your MCP config, and start generating diagrams.
Try it out
Edit the Mermaid syntax below and see it render in real time.
Rendering...