用途:该技能是一个“变体生成器”。给定基础设计规范或提示词,产出 3 个不同的备选提示词,用于在敲定某一设计方向前探索不同方案。适用时机:用户请求“variations”“alternatives”“A/B options”“different styles”“other versions”;在重大设计决策前方向不明时;需向相关方展示多个选项时。
两种路径:
- 原生路径,需 generate_variants MCP 工具且已有 screenId:使用 stitch-mcp-generate-variants(1 次 API 调用,控制更强)。将用户措辞映射到 creativeRange:“subtle”“minor tweaks”“polish”→REFINE;“alternatives”“different options”“explore”→EXPLORE;“radical”“completely different”“reimagine”→REIMAGINE。将关注点映射到 aspects:“layouts”“arrangement”→[LAYOUT];“colors”“palette”→[COLOR_SCHEME];“images”“photos”→[IMAGES];“fonts”“typography”→[TEXT_FONT];“copy”“text content”→[TEXT_CONTENT]。
- 文本提示词回退路径,无 MCP 工具或无已有屏幕时:生成 3 个提示词变体,每个仍需通过 generate_screen_from_text 单独生成。原生路径优先,因其只需 1 次 API 调用而非 3 次,且变体更可控。
输入:基础规范(来自 stitch-ui-design-spec-generator 的 Design Spec JSON,或现有 Stitch 提示词);变体类型 LAYOUT、STYLE 或 CONTENT(未说明时从用户请求推断)。
变体类型:LAYOUT 变体保持视觉风格不变、改变结构排布(A 标准常规布局;B 替代如侧边栏主导航、分屏;C 极简单列最大聚焦)。STYLE 变体保持布局与内容不变、改变视觉美学(A 原始基础规范;B 反转明暗主题;C 高对比度、更强层级、更高饱和度)。CONTENT 变体保持设计不变、改变内容呈现或密度(A 详尽;B 简洁、图标化、少文字;C 空状态)。
输出格式:始终产出恰好 3 个带标签的提示词,采用 stitch-ui-prompt-architect 的 [Context] [Layout] [Components] 结构,分别标注 Variant A/B/C 并给出完整 Stitch 生成提示词。
限制:资料未提供价格、平台要求、安装命令或效果保证;原生路径依赖 MCP 工具与 screenId,缺失时只能回退文本提示词方案。