Background
任务背景
个人站的多个栏目需要在有限时间内完成设计还原、数据结构、筛选搜索、详情页和响应式适配。
这次没有先写一份脱离视觉的方案,而是把参考图、现有代码和验收条件一起交给 Agent,按页面逐步收敛。
Process
实现过程
- 01
先建立共享约束
统一导航、字体、颜色、背景、动效与数据边界,避免四个页面各自生长。
- 02
一页一个闭环
每完成一个页面就构建、截图和检查,再进入下一页。
- 03
用真实素材验收
项目卡优先使用实际截图;没有真实素材时明确标注概念封面。
Prompt example
示例提示词
请严格参考提供的页面设计图完成实现。先核对现有设计系统与真实素材,再拆出公共组件、集中数据和页面功能。每完成一个页面就运行构建与真实浏览器截图验收,不要用编译通过代替视觉验收。