OpenClaw · Skill
N2 Stitch MCP
Never lose a screen generation again. The only Stitch MCP proxy with TCP drop recovery .
Install
Start with the primary install command. Alternate entrypoints are included below for ClawHub and OpenClaw CLI users.
Primary command
clawhub install choihyunsus/n2-stitch-mcpClawHub installer
npx clawhub@latest install choihyunsus/n2-stitch-mcpOpenClaw CLI
openclaw skills install choihyunsus/n2-stitch-mcpDirect OpenClaw install
openclaw install choihyunsus/n2-stitch-mcpWhat this skill does
Never lose a screen generation again. The only Stitch MCP proxy with TCP drop recovery .
Why it matters
Unlike other Stitch MCP servers that fail silently when TCP drops during generation, this proxy polls for completion and returns the result regardless of connection interruptions.
Typical use cases
- Generating UI screens from text without losing long-running Stitch jobs
- Checking screen generation progress during a 2-10 minute Stitch call
- Managing Stitch projects and screens through Claude
- Editing existing Stitch screens and generating design variants
- Running Stitch API calls that would normally fail at the 60-second TCP limit
Source instructions
🛡️ 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)
# Option A: gcloud (recommended)
gcloud auth application-default login
# Option B: API Key
export STITCH_API_KEY="your-key"
2. Add to MCP Config
{
"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