用途:在无后端的情况下,基于 Mock 数据生成前端 UI 原型,支持策划人员直接参与页面构建。技术栈为 Vue 3 Composition API + TypeScript + NuxtUI v4 + TailwindCSS v4。
主要能力:所有 API 经 Mock interceptor 拦截,保留 useApi() 调用形式,便于后续仅替换 Mock 即可接入真实服务器;组件使用 kebab-case(如 <u-button>);支持 crud、page、two-depth、infinite-scroll、select-list、show-more、batch-process 等基础 UI 模式,以及 adv-search、calendar、kanban、mega-form、tab-list 等高级模式;可选 excel、file 等附加项。完成标准为 vue-tsc、lint、build 全部通过。
使用方式:通过 /peach-gen-ui-proto [模块名] [选项] 调用,选项包括 excel、file、spec、team;执行后必须交互式选择 UI 模式。若以 spec=<Spec文件路径> 指定规格文件则自动进入团队模式,由 proto-ui-dev 与 proto-ui-qa 协作,ralph loop 为 5 次(简单)或 10 次(复杂),可用 team=N 强制单机模式。生成的界面保存在独立 ui-proto 仓库的 src/modules-task/{年月}/{任务目录}/ 下,包含 _task-meta.ts、_spec.md、_routes.ts、layout/、overview/ 及子模块目录。
限制:不涉及真实后端;Mock 数据位于 mock/ 目录;文件上传与 Excel 为本地模拟;需遵守可视化规范以避免 AI Slop(如渐变、紫色系、过度阴影/动画/圆角禁用);具体价格、平台支持范围等未在本资料中提供。