It’s a big week for Stitch!🚀 We’re so excited to show you what we’ve been building, starting today with the official Stitch TypeScript SDK.
— Stitch by Google (@stitchbygoogle) March 16, 2026
npm i @google/stitch-sdk
We designed our SDK for both humans and their agents to drive Stitch designs.
Call stitch from your code with… pic.twitter.com/yuA5JYgnVC
— Stitch by Google (@stitchbygoogle) March 16, 2026
Docs https://t.co/Q0MOI6aZ1j
— Stitch by Google (@stitchbygoogle) March 16, 2026
AI 中文摘要Claude 生成
Google 本週宣布推出「Stitch」TypeScript SDK,這是一套專為人類和 AI Agent 設計的 UI 設計工具。開發者可以透過文字提示生成 UI 畫面,並透過程式方式提取 HTML 和截圖。
Stitch SDK 的核心功能相當直觀。使用者只需設置 API 金鑰,就能透過簡單的程式碼從文字描述生成完整的 UI 畫面。例如輸入「登入頁面,包含電子郵件和密碼欄位」,系統會自動生成對應的 HTML 和截圖。生成的 HTML 和圖片都以下載連結的形式提供,便於整合到現有工作流程中。
SDK 提供了多個層級的 API,滿足不同使用情境。對於標準開發流程,開發者可以使用高階的「Project」和「Screen」物件來管理專案和畫面。這些物件支援列出現有專案、按 ID 引用專案、編輯畫面以及生成設計變體等功能。編輯功能允許開發者透過自然語言提示對既有設計進行修改,例如「將背景改為深色並新增側邊欄」。
變體生成功能提供了設計探索的能力,支援調整色彩配置、版面、圖片、文字字型和文字內容等方面。開發者可以指定生成 1 至 5 個變體,並透過「REFINE」、「EXPLORE」或「REIMAGINE」三種創意範圍來控制變異程度。
對於 AI Agent 和自動化場景,SDK 提供了 Tool Client 的低階存取方式。Agent 可以直接調用 MCP(Model Context Protocol)工具,列出可用工具並執行特定操作,如創建專案或生成畫面。這種設計讓 AI 模型能夠自主地完成多步驟工作流程。
SDK 與 Vercel AI 框架緊密整合,開發者可以將 Stitch 工具直接注入 Vercel AI SDK,讓語言模型在生成文本時自主呼叫相關工具。例如,Gemini 2.5 Flash 模型可以被指示「建立專案並生成現代化儀表板」,模型會自動決定是否調用 create_project、generate_screen 等工具。
SDK 支援多種設備類型(行動、桌面、平板、不特定設備),使用者可以為不同平台生成優化的設計。系統支援兩個模型版本:Gemini 3 Pro 和 Gemini 3 Flash,供不同的應用需求選擇。
認證方面提供了靈活的選項,支援 API 金鑰或 OAuth token 兩種方式。所有錯誤都會拋出 StitchError,包含特定的錯誤碼(如 AUTH_FAILED、NOT_FOUND、RATE_LIMITED 等),便於開發者進行精細的錯誤處理。
SDK 還提供了 StitchProxy,允許開發者透過自己的 MCP 伺服器暴露 Stitch 工具,實現更靈活的系統架構。
值得注意的是,官方明確聲明這不是正式支援的 Google 產品,且不符合 Google Open Source Software Vulnerability Rewards Program 的資格,暗示使用者應在評估生產環境應用時謹慎考量。
