← 返回首頁
Stitch by Google
Stitch by Google
@stitchbygoogle
210🔁 22
𝕏 (Twitter)🔥🔥
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 的資格,暗示使用者應在評估生產環境應用時謹慎考量。