Blueprint MCPBlueprint MCP
Control your browser from Claude Code without breaking context limits.
Smart extraction (screenshots + targeted queries) instead of
50KB page dumps. Claude finally sees what you're testing.
Why Blueprint MCP?
Existing Chrome automation tools were built before Claude Code existed.
They dump entire page HTML into context - 50KB+ per request.
Result? Claude hits token limits, can't understand responses, fails silently.
Blueprint was built specifically for LLM workflows:
- Screenshots for visual understanding
- Targeted DOM queries (not full pages)
- Responses that actually fit in Claude's context
- Works with Claude Code, Claude Desktop, and any MCP client
Finally, browser automation that works with AI, not against it.
Powerful Features
Browser Automation
Navigate, click, fill forms, and interact with web pages from Claude Code commands.
No Selenium, no Puppeteer setup - just natural language instructions.
Visual Testing
Capture full-page or element-specific screenshots. Let Claude see what you're
testing instead of trying to describe it. Debug visual issues in seconds.
Smart Content Extraction
Extract only the text, HTML, or metadata you need - not the entire DOM tree.
Surgical queries that fit in context, every time.
Network Monitoring
Capture and analyze network requests as they happen. Debug API calls, track
performance, verify data flow - all from Claude Code.
Tab Management
Open, close, and switch between tabs programmatically. Run parallel tests or
manage multiple workflows without touching the mouse.
Bookmarks & History
Search your browsing history and bookmarks from Claude Code. Quick access to
docs, past work, or reference materials without context switching.
Use Cases
Automated Testing
"Click the login button, fill the form, verify the redirect."
Claude Code executes it. No Selenium boilerplate, no flaky selectors.
Write E2E tests in plain English.
Debug Web Applications
Monitor network traffic and console errors while Claude analyzes them.
Capture the exact state when bugs occur. Debug in context, not across windows.
Essential for AJAX/WebSocket issues.
Generate Documentation
"Screenshot the dashboard and list all navigation items."
Auto-generate docs with actual visuals and current content.
Your README never goes stale again.
Remote Development
Connect Claude Code on your laptop to Chrome on a remote server.
Test across environments without VNC or switching machines.
Perfect for cloud development and cross-platform testing.
Getting Started is Simple
Install Extension
Add Blueprint MCP from Chrome Web Store with one click.
Configure Claude
Add one line to your Claude Code or Claude Desktop settings.
The MCP server installs automatically.
Start Automating
"Screenshot this page and extract the title" → Claude executes it.
Choose Your Plan
Free
Perfect for Solo Developers
- 100% Open Source
- Single Active Session
- Runs Completely Locally
- All Core Features
- Full Privacy - No Data Leaves Your Machine
Pro
For Teams & Power Users
- Everything in Free, plus:
- Up to 5 Simultaneous Sessions
- Cloud Relay Server (Connect Across Machines)
- Control Remote Browsers
- Priority Support
- Encrypted Relay (Data Never Stored)
Key Differences
All core features included in both plans.
| Feature | Free | Pro |
|---|---|---|
| Sessions | 1 | Up to 5 |
| Connection | Local | Local + Cloud |
| Remote Browsers | ||
| Extension UI | Shows upgrade prompts | Clean, minimal UI |
| Support | Community | Priority |
Stop Fighting Context Limits. Start Building.
Blueprint gives Claude the browser automation that actually works.
Smart extraction, not massive dumps. Built for LLMs.