N2 Stitch MCP
VerifiedResilient MCP proxy for Google Stitch — 3-layer safety (auto-retry, token refresh, TCP drop recovery).
$ Add to .claude/skills/ About This Skill
- # 🛡️ N2 Stitch MCP — Resilient Proxy Skill
- Never lose a screen generation again. The only Stitch MCP proxy with TCP drop recovery.
- ## The Problem
- Google Stitch's `generate_screen_from_text` takes 2–10 minutes, but the API drops TCP after ~60 seconds.
- ```
- Other MCP servers: Request → 60s → TCP drop → ❌ LOST!
- N2 Stitch MCP: Request → 60s → TCP drop → 🛡️ Auto-recovery → ✅ Delivered!
- ```
- ## Why This One?
- | Feature | Others | N2 Stitch MCP |
- |---------|:---:|:---:|
- | TCP Drop Recovery | ❌ | ✅ Auto-polling |
- | Generation Tracking | ❌ | ✅ `generation_status` |
- | Exponential Backoff | ❌ | ✅ 3x retry + jitter |
- | Auto Token Refresh | ⚠️ | ✅ Background refresh |
- | Test Suite | ❌ | ✅ 35 tests |
- ## Quick Setup
- ### 1. Authenticate (one-time)
- ```bash
- # Option A: gcloud (recommended)
- gcloud auth application-default login
- # Option B: API Key
- export STITCH_API_KEY="your-key"
- ```
- ### 2. Add to MCP Config
- ```json
- {
- "mcpServers": {
- "n2-stitch": {
- "command": "npx",
- "args": ["-y", "n2-stitch-mcp"]
- }
- }
- }
- ```
- ## Available Tools
- ### Stitch API (auto-discovered)
- create_project — Create a Stitch project
- list_projects — List all projects
- get_project — Get project details
- list_screens — List screens in a project
- get_screen — Get screen HTML/CSS
- generate_screen_from_text — ✨ Generate UI from text (Resilient!)
- edit_screens — Edit existing screens
- generate_variants — Generate design variants
- ### Virtual Tools (N2 Exclusive)
- generation_status — Check generation progress in real-time
- list_generations — List all tracked generations
- ## Links
- NPM: https://www.npmjs.com/package/n2-stitch-mcp
- GitHub: https://github.com/choihyunsus/n2-stitch-mcp
- Website: https://nton2.com
- ---
- *Part of the N2 AI Body series — Building the Body for AI*
Use Cases
- Connect to Google Stitch services via a resilient MCP proxy layer
- Handle automatic retry, token refresh, and TCP drop recovery for Google APIs
- Build reliable Google service integrations with 3-layer safety mechanisms
- Manage Google API connections with automated fault recovery
- Integrate Google Stitch data into AI agent workflows with built-in resilience
Pros & Cons
Pros
- +Compatible with multiple platforms including claude-code, openclaw
- +Well-documented with detailed usage instructions and examples
- +Purpose-built for mcp servers tasks with focused functionality
Cons
- -Requires API tokens or authentication setup before first use
- -No built-in analytics or usage metrics dashboard
FAQ
What does N2 Stitch MCP do?
Resilient MCP proxy for Google Stitch — 3-layer safety (auto-retry, token refresh, TCP drop recovery).
What platforms support N2 Stitch MCP?
N2 Stitch MCP is available on Claude Code, OpenClaw.
What are the use cases for N2 Stitch MCP?
Connect to Google Stitch services via a resilient MCP proxy layer. Handle automatic retry, token refresh, and TCP drop recovery for Google APIs. Build reliable Google service integrations with 3-layer safety mechanisms.
100+ free AI tools
Writing, PDF, image, and developer tools — all in your browser.