安裝
npx skills add google-labs-code/stitch-skills適合誰
如果你已經在用 Google Stitch 做介面，希望程式類 agent 按開放的 Agent Skills 標準去產生新螢幕、改已有螢幕或出設計變體，這組技能對得上。它是面向 Google Stitch 的技能與外掛合集，說明頁見
https://github.com/google-labs-code/stitch-skills
產品本身見
https://stitch.withgoogle.com/
更合適的人已經完成 Stitch MCP 的註冊，環境變數和憑證按官方安裝說明就緒，並且接受只走下面這一條技能安裝命令。這些技能要求 Stitch MCP 在 agent 環境中設定完成且正在運行；沒有 MCP，技能沒有可呼叫的設計後端。安裝說明見
https://stitch.withgoogle.com/docs/mcp/setup/
第一次請做可檢查的小範圍產生或變體，而不是一上來改整套生產設計系統。官方點名了若干程式環境，其中一種寫明需手動安裝，但沒有給出那份手動步驟；不要把點名名單理解成唯一能用的環境，也不要補造未寫明的安裝器。合集遵循 Agent Skills 開放標準，技能名以 stitch::generate-design 這種寫法出現；沒有寫到的其他 stitch:: 名稱不要自行補齊。若你還沒有 Stitch 帳號或 MCP 憑證，先去 Setup 文件，而不是先跑 npx。
3 分鐘完成第一次嘗試
技能只走官方這條選擇性安裝命令：
npx skills add google-labs-code/stitch-skills
不要另找市場、外掛或第二條技能安裝器。裝完後重啟 agent，確認技能出現。
前置條件：Stitch MCP 已按上面的 Setup 文件註冊、環境變數和憑證已設，並且行程在跑。若 MCP 未就緒，先停在設定檢查，不要呼叫產生。本機還需能執行 npx。
在已裝好技能、MCP 已在跑的 agent 裡，做一次低風險任務：呼叫 stitch::generate-design，用一小段文字描述一個沙盒螢幕（例如「一個只有標題和主按鈕的空狀態頁」），先讓它複述將發往 Stitch 的提示、是否改已有螢幕、會不會寫本機檔。你確認只產生新草稿、不覆寫正式稿後，再允許它繼續。
成功訊號：Stitch 裡出現對應的新螢幕或可開啟的設計結果，而不是一段與 Stitch 無關的假 HTML。若技能說後端不可用，回到 MCP 是否在跑、憑證是否按官方文件設定，不要改安裝命令去試未記載的來源。若它要求你提供未在文件出現的金鑰佔位符，停住，只使用 Setup 頁寫明的環境變數名稱。
使用案例
案例一：從文字或圖片產生新螢幕。stitch::generate-design 的說明是從文字或圖片產生新螢幕。做法是準備一句介面描述，或一張你有權使用的參考圖，讓技能在 Stitch 裡出第一稿。圖片路徑或文字未就緒時先停。產生會落到 Stitch 側，屬於對外呼叫，確認提示詞後再執行。官方沒有寫提示詞模板或圖片尺寸限制，缺了這些細節就保持描述簡短，不要偽造參數。
案例二：改已有螢幕或出變體。同一技能還寫明可編輯已有螢幕並建立設計變體。做法是指定 Stitch 裡一張已有草稿，要求只出一到兩個變體，不要批次覆寫。官方沒有寫出變體數量上限或回滾按鈕，所以先讓它說明將修改哪一屏、是否另存變體；你確認後再跑。這與案例一是同一技能的不同操作，不是另一套安裝。若 agent 提議改用未記載的外掛命令來完成同一件事，拒絕，繼續只用已安裝的技能名稱。
使用邊界
沒有正在運行的 Stitch MCP，這組技能不能當普通繪圖技能用。必須先完成伺服器註冊以及環境變數和憑證設定；缺哪一項，官方都沒有提供繞過辦法。也不要把技能安裝命令當成 MCP 安裝命令。
官方技能安裝只有 npx skills add google-labs-code/stitch-skills。頁面上還有面向某一宿主、帶 --target 的 npx plugins add 寫法，那是外掛落點，不是本指南採用的技能安裝入口。名單裡寫「手動安裝」的環境，官方沒有給出可複製步驟，就不要發明拷貝目錄或市場指令。
generate-design 會在 Stitch 裡建立或修改螢幕，屬於有副作用的外部呼叫。先核對提示、目標螢幕和是否另存，再執行。官方沒有授權把產生結果直接發布到生產應用，也沒有列出表格之外的技能名稱；沒寫到的能力不要猜。從圖片產生時，只用你有權使用的參考圖。編輯已有螢幕前，先在 Stitch 裡確認那一屏仍是草稿，避免覆寫已交付介面。