1
2
3
4
5
6
7
8
9
| 【输入】设计稿：（贴图）；设计 token：（粘贴 JSON）；接口契约：（粘贴）
【任务】用「框架+版本号」实现该页面
【约束】
1. 颜色/字号/间距/圆角一律引用 token，禁止硬编码
2. 组件 props 设计遵循项目现有组件规范：（贴一个现有组件示例）
3. 覆盖五态：默认/加载/空数据/错误/禁用
4. 数据请求走项目统一请求层（贴现有用法），不要直接 fetch
5. 表单校验规则与后端契约一致，错误提示用中文、说人话
【输出】组件代码 + 用到的 Mock 数据 + 与设计稿的差异说明
|
1
2
3
4
5
6
7
| 【输入】页面功能描述：xxx；涉及的接口：（粘贴契约）
【任务】先不要写代码——给出状态设计方案：
1. 状态清单（每个状态：名称/类型/谁写入/谁消费）
2. 服务端状态 vs 客户端状态的划分（哪些该用查询缓存而不是手动 store）
3. 数据流向图（mermaid）
【约束】状态数量最少化：能从已有状态派生的绝不新建；
方案给我看完确认后，再按方案生成代码。
|
1
2
3
4
| 【现象】（贴截图，圈出问题）在 xxx 视口宽度下，xxx 元素出现 xxx 问题
【期望】xxx（描述正确表现，或贴设计稿对应部分）
【输入】相关组件代码：（粘贴）
【约束】只改这个问题，不要顺手重构其他部分；改完说明动了哪几行、为什么。
|
1
2
3
4
5
6
| 以下是项目的构建产物分析/关键组件代码（粘贴）。
请输出性能优化清单，每条包含：
1. 问题（如：首屏包体过大/不必要的重渲染/图片未懒加载）
2. 用户可感知的后果
3. 修复方法 + 预估收益（大/中/小）
按收益排序，只列值得做的（一人公司：性价比低的直接不列）。
|
