连接代码仓库

生成单个屏幕很适合从零开始新项目。当你希望 Stitch 理解一个现有应用——包括它的路由、导航和组件结构——请把仓库连接到 Stitch 工作区。

连接后，Stitch 就能检查你的真实路由，依据产品优先级评估它们，并生成扎根于实际代码库的 UI 原型。

启用工作区功能

默认情况下，@google/stitch CLI 只聚焦画布和 DESIGN.md 相关命令。在本机运行一次 stitch enable loop 即可启用工作区功能：

stitch enable loop

运行 stitch enable loop 会解锁所有工作区命令（workspace、priority、insight、solution、context、upload code、upload file、connect、github），并自动更新已安装的 /stitch 技能（.agents/skills/stitch/），加入代码库接入手册。

如果以后想重新关闭工作区命令，请运行 stitch disable loop。

用 /stitch 技能接入仓库

连接仓库最简单的方式，是让 /stitch 技能带你走完流程。确认技能已安装（stitch agent-skills add），然后在仓库中调用 /stitch：

编码智能体会检查你的登录状态，协助你选择或创建工作区，上传代码库快照，从本地开发服务器捕获正在运行的应用路由，并关联你的 Stitch 画布项目——只有在需要你确认使用哪个工作区或哪些路由时才会暂停。

从终端连接

如果你更愿意自己运行设置命令，请按三步进行：选择工作区、让 Stitch 访问你的代码、关联画布项目。

创建并固定工作区

工作区用于存放代码库快照、优先级、上下文文件、洞察和候选方案。列出现有工作区或创建一个新的工作区，然后把它固定到你的仓库：

stitch find workspaces --limit 10
stitch create workspace --title "Acme Web App"
stitch config set workspace <workspace-id>

固定工作区会把它保存到 .stitch.json，这样就不必在每条命令里都传 --workspace。

上传代码库或连接 GitHub

接下来，让工作区访问你的源代码。最快的路径是直接从终端上传 git 跟踪的工作树——无需安装 GitHub App：

stitch upload code .

如果你希望 Stitch 与 GitHub 仓库保持同步，或自动创建拉取请求，也可以直接连接 GitHub：

stitch github login
stitch github repos
stitch edit workspace <workspace-id> --add-repo https://github.com/<owner>/<repo>

关联你的 Stitch 画布项目

最后，把 Stitch 画布项目绑定到工作区，让捕获的路由和生成的原型落到正确的画布上：

stitch loop link --project <project-id>

连接外部工具

如果你的团队把产品上下文放在外部工具中，你可以浏览集成目录，并为工作区附加连接或 webhook：

stitch connect --list
stitch connect <catalog-id>
stitch find connections