用途：作为使用 Stitch 时的用户体验设计（UED）参考，涵盖交互原则、视觉词汇与提示词工程策略。
何时使用：用户询问布局或风格术语（如 Masonry、Glassmorphism、Sidebar）或设备约束（移动端与桌面端宽度、触控目标）；需要构建或改进 Stitch 提示词结构（Context → Layout → Component → Content），或统一 UED 措辞；与 stitch-ui-designer 协作、需要 UED、无障碍与设计系统对齐时。若要把模糊想法转成完整 Stitch 提示词，应使用 stitch-ui-prompt-architect；两者可结合使用：本技能负责结构与词汇，prompt-architect 负责具体提示词输出。
设计模式（模型选择）：Standard Mode（Gemini 2.5 Flash）适合快速迭代、线框图与快速探索多种布局，具备快速生成、Text-to-UI、主题编辑；Experimental Mode（Gemini 2.5 Pro）适合高保真设计、复杂逻辑与视觉参考，具备 Image-to-UI（上传草图或截图）、更丰富细节与更智能的组件逻辑。
提示词工程结构：[Context & Style] + [Layout Structure] + [Component Details] + [Content & Data]。调用 generate_screen_from_text 前可检查：是否定义上下文与风格（设备、应用类型、主题）；是否定义布局（导航位置、主区域结构）；关键组件是否具体（避免“一个列表”，应写明如 Workout Cards 含地图缩略图、时长、Start 按钮）；是否包含示例内容与状态（真实文案、激活状态）。
视觉词汇：包括布局模式（Hero Section、Split Screen、Masonry、Sidebar Navigation）与风格修饰（Flat、Material、Neomorphism、Glassmorphism、Brutalism）。颜色提示可按结构 [App type] + [Background hex] + [Primary hex] + [Secondary hex] + [Accent hex] + [Design system] + [Mood] 组织，并可选语义色（成功绿、警告红、警示黄）。更多配色提示见仓库 docs/color-prompt-guide.md。
设备指南：移动端约 375px 宽，强调拇指友好的底部导航与纵向滚动；桌面/Web 约 1440px 宽，利用水平空间与多列布局；平板为混合形态，常类似桌面但带触控目标。
无障碍与包容性设计：偏好足够对比度，避免低对比文本；移动/平板可要求触控友好控件（如按钮至少 44px 触控区域）；桌面可提及清晰焦点状态或键盘可导航。
控件与变体：Stitch 可生成多个选项，可要求为 Hero 区生成变体以做 A/B 测试；可用 Interactive Chat 细化设计。
相关资源：官方提示指南见 https://stitch.withgoogle.com/docs/learn/prompting/ 。分工上，本技能负责结构与词汇，stitch-ui-prompt-architect 负责将模糊想法转为完整可执行 Stitch 提示词（含 DESIGN.md、框架契约）。
限制：本资料未提供收费、价格与效果数据，暂未提供相关信息。