# Clover Frontend Next.js(React)— 5屏骨架 ## 目录规划 ``` frontend/src/ app/ # Next.js App Router components/ # 可复用组件 lib/ # API client(按 openapi.yaml 生成) types/ # TypeScript 类型 ``` ## 5屏 1. 管理配置台 — 产品档案/标杆笔记/违禁词/API Key录入 2. 开任务 — 选产品+标杆+今天主题+设定数量,发起生成 3. 挑文案+挑图 — SSE实时看生成进度,8选3文案/挑图,显示"本次已注入" 4. 确认预览 — 提交审核 5. 审核台(组长) — 待审队列/通过/打回写原因 ## 前端红线(不得违反) - 不展示 Token 余额/用量 - 不做积分中心/billing 页 - 飞轮偏好信号不暴露独立 POST 给前端(防伪造)