以 skill 自身的术语
这是一个用于逐个探索单个 UI 元素的发散型 skill —— 一个 toast、定价卡片、一个长按删除按钮。它接收对该元素的描述，围绕一个指定的轴（布局、密度、个性、动效、交互模型）构建若干真正不同的版本，并将它们放到一个可视化选择器背后，让用户实时切换查看并选出最终版本。
它只在被明确调用时运行，默认生成三个变体，将探索性内容排除在生产代码之外，并在某个变体被集成后删除原型界面。
它产出什么
- 一个承载各变体的实时可视化选择器，供切换查看并选出最终版本。
- 一张对比表，列出每个变体的轴、适用场景以及代价。
- 所选变体的生产代码，已集成到代码库中，原型界面已删除。
- 当有浏览器工具可用时，为每个变体截图。
工作方式
- 01限定在单一元素范围内
如果 brief 涉及多个组件，该 skill 会挑选出杠杆效应最高的单一元素，说明选择理由，并将其余部分作为后续运行提供。
- 02侦察现场
梳理框架、样式体系、动效库、token、产品个性以及该元素所渲染的上下文，使各变体看起来在产品中是原生的。
- 03先命名各个方向
默认生成三个变体，在被要求或空间确实广阔时可扩展到五个；每个变体在编写任何代码之前都会先获得名称和轴。
- 04搭建选择器脚手架
在项目中，一个独立的路由承载每个变体各一个文件，外加一个小型脚手架文件；选择器本身是从 PICKER.md 复制而来，而非重新设计。
- 05展示前先验证
运行该脚手架，逐一切换每个变体以检查渲染和交互的正确性，如有浏览器工具则附上截图。
- 06推举最终版本
用户选定后，该变体会按照项目的文件结构、命名规范和 token 使用方式被集成，原型界面随之移除。