building-ui-ux

用途：在实现用户界面或用户体验时提供流程指引，覆盖设计变体探索、前端环境搭建、迭代与集成。主要能力：先询问用户希望尝试多个 UI 变体还是单一设计；若选多变体，进一步询问变体类型（如极简与丰富、卡片与列表、浅色与深色），目标为 2-4 种可对比方案。若为 Web 前端且未运行，则识别启动命令（如 npm run dev、npm start），启动开发服务器并告知本地地址（通常为 http://localhost:3000 或类似）。实现阶段可将多个变体堆叠在同一页面便于比较，每个变体自包含且可用，并加分隔标题；单一设计则按项目规范做干净、可上线的实现，必要时响应式。随后向用户展示预览、简述各变体并询问反馈，按反馈迭代，也可组合不同变体元素。集成阶段需移除探索脚手架，接入真实数据源/API、路由/导航、状态管理、错误处理与加载状态，测试交互元素并检查基本无障碍。常见集成点包括表单提交到后端、导航到路由、认证到上下文/存储、数据获取到 API 层、错误边界与响应式断点。限制：资料未提供具体框架、平台、收费或效果信息；示例代码仅为 React 片段，未给出完整安装命令或依赖清单。