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
- last updated
- Mar 8, 2026
Sponsors
This spot is openSlot 1$1,200/mo Advertise hereThis spot is openSlot 2$1,000/mo Advertise here
SnugSponsoredThe clipboard manager you and your agent can use, safely
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workThis spot is openSlot 6$500/mo Advertise hereThis spot is openSlot 7$500/mo Advertise here
WaxSponsoredBlock anything with supervision, without erasing your iPhone
SnugSponsoredThe clipboard manager you and your agent can use, safelyknobsSponsoredSee your site on any phone, any day, in any languageAgent CaffeineSponsoredClose your lid, come back to finished workThis spot is openSlot 6$500/mo Advertise hereThis spot is openSlot 7$500/mo Advertise hereWaxSponsoredBlock anything with supervision, without erasing your iPhoneReadme
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
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
- Go to https://api.arcade.dev/dashboard
- Click "Gateways" → "Create Gateway"
- Add your deployed
architect_mcpserver to the gateway
Details
- Repository
- github.com/arcadeai/blueprint-mcp
- Category
- Design & Creative
