Generates diagram and prototype files in several diagram types and styles, for architecture design and product prototypes.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add ai-diagram-prototype-generator --env PROVIDER='<PROVIDER>' -- uv --directory path/to/draw_architecture_mcp run mcp_server.py~/.codex/config.toml
[mcp_servers.ai-diagram-prototype-generator]
command = "uv"
args = ["--directory", "path/to/draw_architecture_mcp", "run", "mcp_server.py"]
env = { PROVIDER = "<PROVIDER>" }
# codex mcp add ai-diagram-prototype-generator --env PROVIDER='<PROVIDER>' -- uv --directory path/to/draw_architecture_mcp run mcp_server.py~/.cursor/mcp.json
{
"mcpServers": {
"ai-diagram-prototype-generator": {
"command": "uv",
"args": [
"--directory",
"path/to/draw_architecture_mcp",
"run",
"mcp_server.py"
],
"env": {
"PROVIDER": "<PROVIDER>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"ai-diagram-prototype-generator": {
"type": "stdio",
"command": "uv",
"args": [
"--directory",
"path/to/draw_architecture_mcp",
"run",
"mcp_server.py"
],
"env": {
"PROVIDER": "<PROVIDER>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"ai-diagram-prototype-generator": {
"command": "uv",
"args": [
"--directory",
"path/to/draw_architecture_mcp",
"run",
"mcp_server.py"
],
"env": {
"PROVIDER": "<PROVIDER>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"ai-diagram-prototype-generator": {
"command": "uv",
"args": [
"--directory",
"path/to/draw_architecture_mcp",
"run",
"mcp_server.py"
],
"env": {
"PROVIDER": "<PROVIDER>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"ai-diagram-prototype-generator": {
"command": "uv",
"args": [
"--directory",
"path/to/draw_architecture_mcp",
"run",
"mcp_server.py"
],
"env": {
"PROVIDER": "<PROVIDER>"
}
}
}
}Environment variables
PROVIDER
Replace the placeholders with your own credentials and keep them out of version control.