用途:作为使用 Stitch 时的用户体验设计(UED)参考,涵盖交互原则、视觉词汇与提示词工程策略。
主要能力:提供布局与风格术语(Hero Section、Split Screen、Masonry、Sidebar Navigation;Flat、Material、Neomorphism、Glassmorphism、Brutalism);设备约束(移动端约 375px、桌面约 1440px、平板混合);提示词结构 [Context & Style] + [Layout Structure] + [Component Details] + [Content & Data];配色提示结构(应用类型 + 背景/主色/辅色/强调色十六进制 + 设计系统 + 氛围,可选语义色);无障碍建议(高对比、清晰焦点状态、触控友好按钮、约 44px 点击区域);Stitch 两种模式(Standard 用 Gemini 2.5 Flash 适合快速迭代与线框;Experimental 用 Gemini 2.5 Pro 适合高保真、图像转 UI)。
使用方式:在需要统一 UED 措辞或结构化 Stitch 提示词时加载;调用 generate_screen_from_text 前按清单检查上下文与风格、布局、关键组件、示例内容与状态是否明确。与 stitch-ui-prompt-architect 配合:本技能负责结构与词汇,后者将模糊想法转为可执行提示词。
适用场景:布局/风格术语咨询、设备约束、提示词改进、与 stitch-ui-designer 协作时的 UED/无障碍/设计系统对齐。
限制:不负责将模糊想法直接转为完整提示词;写入、付费、发布等不可逆动作需明确授权;结果需独立验证,仅有命令成功不算完整验收。官方提示词指南见 https://stitch.withgoogle.com/docs/learn/prompting/。