用途：在不悄悄并入生产代码的前提下，构建隔离、真实可用的 UI 原型。根据用户意图选择模式：变体模式用于需要备选方案、方向或对比；核心流程模式用于关键屏幕、可点击旅程或工程交接，需加载 FLOW.md 并遵循。
变体模式：先明确组件、上下文、所需行为以及各备选方案应差异化的维度；范围过大时选定或说明一个有边界的对比面。检查技术栈、设计令牌、产品个性、周边布局与无障碍约定；独立场景下使用克制的默认值。构建少量可辩护的变体（通常三个，或按用户要求数量），为每个方向命名，并在结构、密度、交互、个性或动效上做有意义的差异，而非只改颜色或文案。使用隔离的项目路由/页面或独立 HTML 测试台，加载 PICKER.md 以遵循选择器契约，保留其必需的集成行为、控件、选中状态、键盘访问与一次只对比一个变体的方式，同时按宿主框架或无障碍约定调整等价标记与样式。为变体提供真实上下文、内容、状态与可用交互，尊重减少动效设置与既有设计令牌，切换变体应即时。运行测试台并验证每个变体与选择器控件，检查控制台，在可用浏览器工具时查看代表性截图。呈现每个方向的维度、最佳用途与成本，然后停下等待用户选择。仅在用户选定后，按项目约定提升该变体，并移除原型界面（除非用户要求保留）；若用户要求再来一轮，保留测试台并围绕反馈继续发散，不视为最终选择。
共享规则：存在 DESIGN.md 时读取，其令牌具有规范性，不得把早期原型的品牌色照搬到另一产品。使用真实领域文案与数据，不交付 lorem ipsum、通用仪表盘或与流程无关的装饰性控件。除非仓库已有隔离预览路由，交接时优先交付独立 HTML/CSS/JavaScript。使用仓库现有资产；若提供设备框，使用该资产并把应用映射到其透明屏幕区域，不要用 CSS 重画第二个框。在用户要求提升前，原型代码与生产代码刻意分离。渲染并检查代表性状态，截图未经目视审查不算验证。
限制：资料未提供具体安装命令、收费方式、支持平台或性能指标。