Stitch CLI

谷歌正式推出 @google/stitch CLI 命令行工具，打通编码智能体、UI界面生成、设计系统同步能力，全部操作都能在终端完成，也可交由各类开发智能体自动执行。

该工具可以连接本地编码智能体、生成界面页面、搭建设计系统，抓取本地开发服务器页面快照并上传至Stitch平台。同时开放内部自研的智能体循环能力，通过stitch loop命令启用。该模式下智能体可以7×24小时监控代码库、日志、埋点分析与用户反馈，自动挖掘问题并输出优化方案。

Stitch CLI 快速上手

环境要求：Node.js 20 及以上版本

1. 安装CLI

npm install -g @google/stitch
stitch --version

也可以直接使用npx免全局安装：npx @google/stitch

2. 登录认证

stitch login

通过浏览器Google OAuth一次性授权，绑定Stitch Canvas项目与工作区。
无头/CI环境可使用API Key方式：

stitch config set apiKey "your_api_key_here" --global

查看当前登录状态：stitch status

3. 给编码智能体添加 /stitch 技能

支持Claude Code、Cursor、Gemini CLI、Antigravity等编码智能体，执行命令注入技能：

stitch agent-skills add --user

安装完成后，直接在智能体对话中调用 /stitch，实现创建项目、生成页面、同步设计文档DESIGN.md、线上应用审计。
示例指令：

/stitch Create a new Stitch project called "Checkout Redesign" and generate a clean desktop order summary screen.

4. 终端直接生成界面

新建项目并绑定到当前目录，免去重复传项目ID：

stitch create project --title "Checkout Redesign"
stitch config set project <project-id>

根据提示词生成桌面端页面：

stitch generate screen \
--title "Order Summary" \
--device DESKTOP \
--prompt "A clean two-column checkout summary on warm paper (#FAF8F5) with itemized billing, shipping selector, and a primary payment button"

预览本地页面，或是在浏览器打开Stitch Canvas项目：

stitch serve
stitch open project

多种工作流场景

• 生成编辑界面：创建页面，多版本迭代，精细化调整UI细节
• 编码智能体协同迭代：上传自定义素材，基于提示词搭建原型，在本地localhost联动交互状态
• 同步设计系统：stitch upload design，把DESIGN.md设计规范绑定到项目
• 捕获线上应用快照：抓取本地开发服务器页面快照，上传至Stitch Canvas
• UI应用审计：比对运行中的前端应用和DESIGN.md规范，完成本地设计评审

代码库全域智能监控

想要让Stitch扫描完整仓库、识别路由，基于产品目标生成UI原型，启用loop循环工作区能力：

stitch enable loop

开启后智能体持续读取代码、日志、用户反馈，自主输出见解与优化方案。