google-labs-code/stitch-sdk
Generate UI screens from text prompts and extract their HTML and screenshots programmatically.
解决的问题
允许开发者通过文本提示程序化地生成、编辑和迭代 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 框架集成。
- 设计系统集成:可在项目间创建并应用一致的视觉主题。
相关
- 项目
- 项目
- 项目
- 项目
- 项目