# 策展 · X (Twitter) 🔥

> 作者：Stitch by Google (@stitchbygoogle) · 平台：X (Twitter) · 日期：2026-03-17

> 原始來源：https://x.com/stitchbygoogle/status/2033670811673108542

## 中文摘要

Google 本週宣布推出「Stitch」TypeScript SDK，這是一套專為人類和 AI Agent 設計的 UI 設計工具。開發者可以透過文字提示生成 UI 畫面，並透過程式方式提取 HTML 和截圖。

**核心功能直觀** Stitch SDK 的核心功能相當直觀。使用者只需設置 API 金鑰，就能透過簡單的程式碼從文字描述生成完整的 UI 畫面。例如輸入「登入頁面，包含電子郵件和密碼欄位」，系統會自動生成對應的 HTML 和截圖。生成的 HTML 和圖片都以下載連結的形式提供，便於整合到現有工作流程中。

**多層次 API** SDK 提供了多個層級的 API，滿足不同使用情境。對於標準開發流程，開發者可以使用高階的「Project」和「Screen」物件來管理專案和畫面。這些物件支援的功能包括：
- 列出現有專案
- 按 ID 引用專案
- 編輯畫面
- 生成設計變體

編輯功能允許開發者透過自然語言提示對既有設計進行修改，例如「將背景改為深色並新增側邊欄」。

**變體生成能力** 變體生成功能提供了設計探索的能力，支援調整的方面包括：
- 色彩配置
- 版面
- 圖片
- 文字字型
- 文字內容

開發者可以指定生成 1 至 5 個變體，並透過「REFINE」、「EXPLORE」或「REIMAGINE」三種創意範圍來控制變異程度。

**AI Agent 整合** 對於 AI Agent 和自動化場景，SDK 提供了 Tool Client 的低階存取方式。Agent 可以直接調用 MCP（Model Context Protocol）工具，列出可用工具並執行特定操作，如創建專案或生成畫面。這種設計讓 AI 模型能夠自主地完成多步驟工作流程。

**Vercel 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 等），便於開發者進行精細的錯誤處理。

**StitchProxy 擴展** SDK 還提供了 StitchProxy，允許開發者透過自己的 MCP 伺服器暴露 Stitch 工具，實現更靈活的系統架構。

**使用注意事項** 值得注意的是，官方明確聲明這不是正式支援的 Google 產品，且不符合 Google Open Source Software Vulnerability Rewards Program 的資格，暗示使用者應在評估生產環境應用時謹慎考量。

## 標籤

SDK, Agent, Gemini, Google