用途:本技能用于指导用户在 Google Stitch(Google Labs 的 AI UI 设计工具,由 Gemini 2.5 Flash 驱动)中编写精准、可执行的提示词,以生成网页和移动应用的高质量 UI 设计。
主要能力:Stitch 支持文本生成 UI、从草图/线框图/截图生成 UI、多屏应用流程与响应式布局、导出为 HTML/CSS、Figma 及代码,并可通过变体和标注进行迭代优化。
核心提示词原则:一是具体详尽,明确组件、布局和上下文;二是定义视觉风格与主题,包含配色、设计风格、字体、间距密度;三是清晰组织多屏流程,多屏时逐条列出各屏;四是标明平台与响应式行为(移动/平板/桌面/响应式);五是包含功能需求,如按钮动作、表单校验、导航、加载态、空态、错误处理。
使用方式:按模板组织提示词,结构为「[界面/组件类型] for [用户/场景]」,再列出关键功能、视觉风格和平台。迭代时可用“标注编辑”功能对特定元素做定向修改,或请求生成多个变体,并可采用先宽泛后细化的渐进式优化。常见用例包括落地页、移动应用、仪表盘、表单与输入流程。
导出与开发流程:导出前检查响应式断点、颜色对比度、交互状态和组件命名;导出后需按生产标准重构代码,补充语义化标签、无障碍属性并优化资源。
限制:Stitch 是设计起点而非最终产品,生成结果需人工判断与生产标准进一步打磨。资料未提供该技能的收费、价格及具体安装方式等信息。