draft1-mcp
Allows generating architecture diagrams from Kubernetes configuration files.
Allows generating architecture diagrams from Mermaid diagram definitions.
Allows generating architecture diagrams from Terraform code.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@draft1-mcpGenerate a diagram of my docker-compose"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
draft1-mcp
MCP server for draft1.ai — generate and iterate on draw.io-style architecture diagrams from natural language or code (Terraform, docker-compose, Kubernetes, SQL, Mermaid, PlantUML) directly from Claude Code, Claude Desktop, Cursor, or any MCP client.
Tools
Tool | Arguments | What it does |
|
| Creates a diagram from a description or pasted source code. Returns the share URL, a |
|
| Applies a plain-English change to an existing diagram (e.g. "add a redis cache between the api and the db"). |
Related MCP server: AI Charts
Requirements
Node.js >= 18.17
A draft1 API key — create one at app.draft1.ai (account settings)
Configuration
Environment variable | Required | Description |
| yes | Your draft1 API key |
| no | API base URL override (default |
Install
Claude Code
# once the package is published to npm:
claude mcp add draft1 --env DRAFT1_API_KEY=YOUR_KEY -- npx -y github:abdelhadi-azouni/draft1-mcp
# from a local checkout (this repo):
npm install && npm run build
claude mcp add draft1 --env DRAFT1_API_KEY=YOUR_KEY -- node /absolute/path/to/draft1-mcp/dist/index.jsThen in Claude Code: "generate a diagram of my terraform in ./infra".
Claude Desktop
Add to claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json):
{
"mcpServers": {
"draft1": {
"command": "npx",
"args": ["-y", "draft1-mcp"],
"env": { "DRAFT1_API_KEY": "YOUR_KEY" }
}
}
}(For a local checkout, use "command": "node", "args": ["/absolute/path/to/draft1-mcp/dist/index.js"] instead.)
Alternatively, bundle it as a one-click Claude Desktop extension: npx @anthropic-ai/mcpb pack in this directory (uses manifest.json; prompts the user for the API key on install).
Cursor
Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json in your project:
{
"mcpServers": {
"draft1": {
"command": "npx",
"args": ["-y", "draft1-mcp"],
"env": { "DRAFT1_API_KEY": "YOUR_KEY" }
}
}
}Errors
401 — invalid
DRAFT1_API_KEY; create/rotate a key at app.draft1.ai (account settings).402 — out of credits; top up at app.draft1.ai. Both are returned as tool errors with the server's message, so the calling agent can relay them.
Development
npm install # also builds via the prepare script
npm test # builds, then runs node --test against dist/ with a mocked fetch
npm start # run the stdio server locally (requires DRAFT1_API_KEY)The server speaks MCP over stdio; stdout is reserved for the protocol and all logging goes to stderr.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseBqualityCmaintenanceAn MCP server that generates beautiful Excalidraw architecture diagrams with perfect auto-layout, stateful editing, and architecture-aware component styling.Last updated24137MIT
- Alicense-qualityDmaintenanceAn MCP server that enables AI assistants to programmatically create and manage flowcharts, ERDs, and swimlane diagrams. It provides tools for manipulating diagram structures, performing auto-layouts, and exporting to Mermaid or Markdown formats.Last updated20MIT
- AlicenseAqualityDmaintenanceAn MCP server that generates professional infrastructure diagrams using the Python diagrams DSL, with first-class Azure support and GitHub Copilot integration for natural language diagram generation.Last updated4MIT
- Alicense-qualityCmaintenanceProfessional AI-powered architecture diagram generator with multi-cloud support and MCP server integration. Generates beautiful, accurate diagrams with provider-specific icons for AWS, Azure, GCP, Kubernetes, and more.Last updated10MIT
Related MCP Connectors
Generate cloud architecture diagrams, flowcharts, and sequence diagrams.
MCP server for generating rough-draft project plans from natural-language prompts.
MCP server for AI agents to plan, verify, and deploy Cloudflare-native apps.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/abdelhadi-azouni/draft1-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server