讲师中心 微信公众号
AI工具推荐 视频效率加速

N2 Stitch MCP

Polar Sponsor
爱发电 赞助
.NET 9.0

面向 Google Stitch 的弹性 MCP 代理 — 三层安全机制(自动重试、令牌刷新、TCP 断线恢复)

N2 Stitch MCP — 耐力代理服务器 Skill

功能概述

N2 Stitch MCP — 耐力代理服务器 Skill是一项面向实际任务的技能,主要用于永远不要再失去屏幕世代;只有Sitch MCP 代理服务器可以使用 TCP 的退出恢复;

核心要点

  • Google Stitch 的生成 屏幕 from text 需要 2–10。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。

使用与执行

从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

🛡️ N2 Stitch MCP — 弹性代理技能

再也不会丢失一次屏幕生成结果。这是唯一支持 TCP 断连恢复 的 Stitch MCP 代理。

问题所在

Google Stitch 的 generate_screen_from_text 接口耗时长达 2–10 分钟,但其 API 在约 60 秒后会主动断开 TCP 连接。

其他 MCP 服务器:  请求 → 60s → TCP 断连 → ❌ 失败!
N2 Stitch MCP:      请求 → 60s → TCP 断连 → 🛡️ 自动恢复 → ✅ 成功交付!

为何选择它?

特性 其他方案 N2 Stitch MCP
TCP 断连恢复 ❌ ✅ 自动轮询
生成任务追踪 ❌ ✅ generation_status
指数退避重试 ❌ ✅ 最多 3 次重试 + 随机抖动
自动 Token 刷新 ⚠️ ✅ 后台自动刷新
测试套件 ❌ ✅ 共 35 个测试用例

快速配置

1. 认证(仅需一次)

# 方式 A:使用 gcloud(推荐)
gcloud auth application-default login

# 方式 B:使用 API Key
export STITCH_API_KEY="your-key"

2. 添加至 MCP 配置

{
  "mcpServers": {
    "n2-stitch": {
      "command": "npx",
      "args": ["-y", "n2-stitch-mcp"]
    }
  }
}

可用工具

Stitch API(自动发现)

  • create_project — 创建一个 Stitch 项目
  • list_projects — 列出所有项目
  • get_project — 获取项目详情
  • list_screens — 列出项目中的所有屏幕
  • get_screen — 获取屏幕的 HTML/CSS 内容
  • generate_screen_from_text — ✨ 基于文本生成 UI(具备弹性!)
  • edit_screens — 编辑已有屏幕
  • generate_variants — 生成设计变体

虚拟工具(N2 独有)

  • generation_status — 实时查看生成进度
  • list_generations — 列出所有被追踪的生成任务

相关链接

  • NPM:https://www.npmjs.com/package/n2-stitch-mcp
  • GitHub:https://github.com/choihyunsus/n2-stitch-mcp
  • 官网:https://nton2.com

属于 N2 AI Body 系列 —— 构建 AI 的“身体”

目录

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

0

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

0

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

0

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

0

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

0

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

0

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

0

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

0

2026.10.22

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

0

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn