用途:本技能是 Google Stitch(Google Labs 的实验性 AI UI 生成器,由 Gemini 2.5 Flash 驱动)的提示词编写专家指南,帮助用户写出精确、可执行的提示,生成高质量网页和移动端界面设计。
主要能力:支持文字转 UI、由草图/线框图/截图转 UI、多屏应用流程与响应式布局、导出为 HTML/CSS、Figma 和代码,并可通过变体和标注进行迭代细化。
使用方式:撰写提示时需具体详细,明确组件、布局结构与上下文;说明视觉风格,如配色、设计美学、排版、间距密度;多屏应用需先按要点列出每个屏幕,Stitch 会在生成多屏前请求确认;指明平台(移动、平板、桌面或响应式)及响应行为;描述交互元素、状态与用户流程,如按钮动作、表单校验、导航、加载态、空状态、错误处理。可用模板:[屏幕/组件类型] for [用户/场景],列出关键功能、视觉风格与平台。迭代策略包括用“标注编辑”做局部修改、生成多个变体、以及先宽泛后逐步细化的渐进式提示。
适用场景:设计网页和移动端界面、应用流程、仪表盘、电商页面、结账流程等 UI/UX 原型。
限制:资料未提供 Stitch 的收费、价格、可用平台、账号要求与效果保证等信息;本技能仅提供提示词指导,不保证生成结果。