google-labs-code/stitch-sdk

解决的问题

它允许开发人员使用文本提示以编程方式生成、编辑和迭代 UI 界面。用户无需手动设计界面，只需用简单的语言描述界面，即可获得相应的 HTML 和屏幕截图。

运作方式

该 SDK 连接到一个将文本描述转换为 UI 设计的后端服务。它将工作组织为“项目”，用户可以在其中生成新界面、通过编辑提示词来优化现有界面，或创建多种设计变体（调整布局、配色方案或字体）。它还支持创建设计系统，以保持跨界面的视觉一致性。

适用对象

• 前端开发人员：用于快速原型设计 UI 布局并获取入门 HTML。
• AI 代理开发人员：用于构建自主设计师，通过提供的 Vercel AI SDK 和 Google ADK 工具集成来创建和修改界面。
• 产品设计师：用于快速探索界面的不同视觉方向。

特色亮点

• 文本转 UI 生成：从简单的提示词创建完整界面。
• UI 迭代：编辑现有界面或生成具有特定创意范围（Refine, Explore, Reimagine）的多种变体。
• 代理就绪：内置对 MCP (Model Context Protocol) 工具的支持，可轻松与 LLM 代理集成。
• 设计系统支持：在多个界面上创建并应用一致的视觉主题。
• 多格式输出：提供 HTML 代码和生成 UI 的屏幕截图图像的直接下载链接。