arcadeai avatar

Blueprint

arcadeai/blueprint-mcp

Blueprint MCP generates visual diagrams and flowcharts for understanding codebases and system architecture by leveraging Nano Banana Pro's diagram generation capabilities. The server provides three core tools—`start_diagram_job`, `check_job_status`, and `download_diagram`—that enable asynchronous diagram generation and retrieval as base64 PNG images. It solves the problem of visually documenting complex systems and data flows by integrating with Arcade's ecosystem to extract information from platforms like GitHub, Google Drive, and HubSpot, then converting that data into architecture diagrams, sequence diagrams, and flowcharts.

GitHub stars
609
tools
3
last updated
Mar 8, 2026

Tools

3 tools

Public tool metadata for what this MCP can expose to an agent.

start_diagram_jobStart generation, returns job ID

Start generation, returns job ID

No parameter schema in public metadata yet.

check_job_statusCheck if complete

Check if complete

No parameter schema in public metadata yet.

download_diagramDownload PNG as base64

Download PNG as base64

No parameter schema in public metadata yet.

Sponsors

Readme

Blueprint MCP

Blueprint MCP

Image generated using Blueprint MCP, Nano Banana Pro, and Arcade MCP server.

Diagram generation for understanding codebases and system architecture using Nano Banana Pro.

Works with Arcade's ecosystem: Combine with HubSpot, Google Drive, GitHub, and other Arcade tools to extract data from your systems and visualize it as diagrams.

Setup

1. Sign up for Arcade

https://arcade.dev

2. Install Dependencies

# Create virtual environment
python3 -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate

# Install Arcade CLI
pip install arcade-mcp

3. Login to Arcade

arcade-mcp login

4. Get Google AI Studio API Key

https://aistudio.google.com/ → Create API key

5. Store Secret in Arcade

arcade-mcp secret set GOOGLE_API_KEY="your_api_key_here"

6. Deploy Server

Clone this repo, then:

cd blueprint-mcp
arcade-mcp deploy

7. Create Gateway

  1. Go to https://api.arcade.dev/dashboard
  2. Click "Gateways" → "Create Gateway"
  3. Add your deployed architect_mcp server to the gateway

View the full README on GitHub

Details

Repository
github.com/arcadeai/blueprint-mcp
Category
Design & Creative

Related Design & Creative MCP servers

View all
1yuniko-software avatarMinecraftyuniko-software/minecraft-mcp-serverA Minecraft MCP Server powered by Mineflayer API. It allows to control a Minecraft character in real-time, allowing AI assistants to build structures, explore t578stars
2nirholas avatarthree.ws Assistant Widgetnirholas/three.wsGenerate a paste-ready embed for a floating 3D avatar chatbot on any website.269stars
3nirholas avatarthree.ws Heraldnirholas/three.wsTell your human in person: a 3D character walks onto their open browser tab and says it out loud.269stars
4nirholas avatarthree.ws Loomnirholas/three.wsBrowse the community 3D-creation gallery, fetch a creation with its viewer URL, and submit it.269stars
5sammorrowdrums avatarreMarkable MCP Serversammorrowdrums/remarkable-mcpRead, render, search, and manage reMarkable documents through MCP263stars
6bitbybit-dev avatarBitbybit CAD MCPbitbybit-dev/bitbybitBitbybit 3D parametric CAD API, version-exact, for coding agents: search, describe, examples, guide211stars