本技能面向早期 UI 概念探索：在尚未决定实现方案前，用可运行原型验证设计假设、获取干系人反馈、在发现阶段快速迭代，或做仅用于验证思路的一次性实验。资料强调 AI 辅助下生成代码成本趋近于零，因此一次性代码可以真正被丢弃。
核心是区分两种模式：vibe mode 以速度优先，适合测布局、探配色、验证用户流程、做演示；craft mode 以质量优先，适合核心业务逻辑、数据库模式、认证、生产组件。判定生产化前，应先确认概念已获验证、代码会被他人维护、涉及生产数据或安全可靠性要求。
主要能力以模式与协议呈现：10 分钟原型协议（描述、生成、运行、评估四阶段，决定迭代、删除或转产）；故事板原型，把一段流程描述生成多屏组件以可视化用户流；变体爆炸，沿“极简 vs 密集”“浅色 vs 深色”等维度批量生成不同风格版本。迭代判断包括继续微调、转向新方向或接受结果，并建议设置 3—5 轮上限，避免无限迭代。
必要用法为提示词与运行命令。快速输出可用：npx create-react-app prototype --template typescript，或 npm create vite@latest prototype -- --template react-ts 配合 npm install、npm run dev。别名示例：alias proto="cd ~/prototypes && mkdir $(date +%Y-%m-%d)-idea && cd $_ && npm create vite@latest . -- --template react-ts && npm i && code . && npm run dev"；清理旧原型：alias proto-clean="find ~/prototypes -mtime +14 -type d -exec rm -rf {} \;"。
限制与提醒：原型代码质量低、内联样式、模拟数据、缺少错误态与无障碍支持，不应直接上生产；转产时只提取视觉模式、组件结构、间距、配色与字体选择等决策，重新按正式架构、类型、错误处理、无障碍与测试构建。资料未提供收费、价格或平台信息。