連接程式碼儲存庫

產生個別螢幕很適合用來開始新東西。當你希望 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