Why This Resource
Stitch 是 Google Labs 的 AI 设计工具，适合把一个模糊的产品想法、文字需求或参考图，快速变成可浏览的界面设计。它更适合前期找方向、做原型和和 AI 编程工具衔接。
它解决什么问题
从零做页面时，常常卡在“不知道页面应该长什么样”。Stitch 可以先把一句产品想法或一张参考图变成界面方向，让你在真正写代码之前看到结构、风格和页面之间的关系。
使用步骤
- 先写清楚页面服务谁、完成什么任务，例如“给 AI 商业教练展示 3 个月陪跑服务”。
- 补充页面类型、风格、颜色、重点模块和设备端要求。
- 生成几个设计方向，比较标题、布局、信息层级和行动按钮。
- 选中一个方向后继续调整，必要时导出或把截图、页面结构交给 Codex 实现。
示例提示词
为一个 AI 商业教练设计一页面向 IP 主理人的服务介绍页。要求信息清楚、留白充足、紫色作为强调色，重点说明适合谁、解决什么问题和如何预约。
使用提醒
AI 生成的页面仍然需要人工检查内容、交互和移动端效果。它负责帮助你看见方向，不代表生成结果已经是可以直接上线的完整网站。