N2 Stitch MCP

该 Skill 是一个 MCP 代理，为 Google Stitch 界面生成接口提供三层容错：自动重试与指数退避、后台令牌刷新、TCP 断连后的轮询恢复。工具覆盖项目与屏幕管理、按文本生成屏幕、编辑屏幕、生成设计变体，以及生成状态与任务列表查询。需 Google Cloud 认证或 API Key，通过 npx 启动 MCP 服务。

choihyunsus

热度 82.15

最近更新 2026-05-18 12:01:56

分类：创作依赖：MCP 服务 / 第三方 API / 代码执行应用场景：UI 原型 / API 集成

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add n2-stitch-mcp

Metadata

name: n2-stitch-mcp
description: Resilient MCP proxy for Google Stitch — 3-layer safety (auto-retry, token refresh, TCP drop recovery).
homepage: https://nton2.com
user-invocable: true

🛡️ 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