📔 笔记整理 · 🌿 生长中 · 图例见 本站的诚实规则
让 AI 做前端 UI、交互体验、产品模仿时，不要只用语言描述审美和体感。“更丝滑”“不要 AI 味”“参考成熟产品”这类描述信息带宽太低，只会导致反复试错。
核心原则：前端需求优先用截图、录屏、成熟产品页面作为共同语境。先让 AI 拆解成熟产品，再让它模仿和适配到当前项目，而不是直接凭语言实现。
推荐流程
- 收集参考材料：关键页面截图；滚动、输入、loading、错误态的录屏；多个竞品。
- 先做毫米级拆解：页面区域结构、组件清单、字号间距圆角颜色、信息密度、空态运行态失败态、动效节奏。让 AI 先拆，不写代码。
- 再做项目适配：哪些照搬体验逻辑，哪些只能借鉴，哪些要按自己的用户和业务改。
- 实现后截图复盘：让 AI 自己截图当前实现，对照参考图指出差异，每轮只修最影响体感的一到三个问题。
反模式
- 只说“高级一点”“像某某产品一点”
- 没有截图就让 AI 猜成熟产品的 UI
- 直接写代码，不先拆解参考
- 做完不截图验收，凭感觉继续改
一句话：审美无法口述，但可以出示证据。