用途:这是一个 Stitch 用户体验设计(UED)参考技能,用于在编写 Stitch 提示词时统一设计术语、视觉词汇与提示结构,覆盖布局/风格术语、设备约束,并支持无障碍与设计系统对齐。
主要能力:
- 视觉词汇参考:布局模式(Hero Section、Split Screen、Masonry、Sidebar Navigation)与风格修饰(Flat、Material、Neomorphism、Glassmorphism、Brutalism)。
- 提示结构:按 [Context & Style] + [Layout Structure] + [Component Details] + [Content & Data] 组织 Stitch 提示词。
- 配色提示模式:[App 类型] + [背景 hex] + [主色 hex] + [辅色 hex] + [强调色 hex] + [设计系统] + [氛围],可加入 success/alert/warning 语义色。
- 设备指南:移动端约 375px、桌面约 1440px、平板为混合形态,并给出触控目标等建议。
- 无障碍与包容设计:建议在提示词中加入 high contrast、clear focus states、touch-friendly buttons 等表述。
- 模式选择:Standard Mode(Gemini 2.5 Flash,快速迭代、线框探索)与 Experimental Mode(Gemini 2.5 Pro,高保真、复杂逻辑、图片转 UI)。
使用方式:在需要澄清布局/风格术语、设备约束或改善 Stitch 提示词时调用;调用 generate_screen_from_text 前可对照检查清单(上下文与风格、布局、关键组件、示例内容/状态)自查。与 stitch-ui-prompt-architect 配合,可把模糊想法转为可执行提示词;与 stitch-ui-designer 配合可用于 UED、无障碍与设计系统对齐。
适用场景:设计登录页、仪表盘、移动应用界面等;生成组件变体用于 A/B 测试;通过 Interactive Chat 微调设计(如“Make the button blue”)。
限制:资料中未提供收费、价格与具体平台支持信息;功能效果依赖 Stitch 本身,官方最佳实践可查阅 https://stitch.withgoogle.com/docs/learn/prompting/。