google-labs-code/stitch-sdk

解決的問題

讓開發者能透過文字提示，以程式化方式生成、編輯和迭代 UI 預覽畫面。它透過提供生成畫面的 HTML 與截圖，彌補了文字設計概念與實際程式碼之間的差距。

運作方式

SDK 與後端服務互動，根據自然語言描述建立專案並生成畫面。支援透過編輯提示與建立多個設計變體（調整版面、色彩主題等）進行迭代設計。同時提供「工具客戶端」，並整合 Vercel AI SDK 與 Google Agent Development Kit (ADK)，讓 AI 代理能自主呼叫設計工具來建構介面。

適用對象

• 前端開發人員：希望從文字快速原型化 UI 預覽畫面的人。
• AI 代理開發人員：建構自主設計師或可建立與修改使用者介面的編排腳本的人。
• 產品設計師：希望以程式化方式探索畫面不同視覺變體的人。

主要特色

• 文字轉 UI 生成：透過提示建立完整畫面，並取得 HTML 與影像資產。
• 迭代編輯：使用後續文字提示修改現有畫面。
• 設計變體：可產生多個畫面版本，對創意範圍及字型、色彩等要素進行特定控制。
• 代理就緒：內建支援 MCP（Model Context Protocol）工具，方便與 Vercel AI SDK 和 Google ADK 等 LLM 框架整合。
• 設計系統整合：可在專案間建立並套用一致的視覺主題。