前端拆着学：五个样本站喂给模型

有人改掉了"让模型一次设计整页"的习惯：改成把 UI 拆开、按部位找专门的样本站学——用 Pi 逐段喂参考。 五站各管一段：Navbar Gallery 收导航与 Mega Menu（先让模型把顶部结构学明白）navbar.gallery ；Supahero 专找 Hero——首屏最容易出 AI 味，挑两三个让它分析标题、布局、CTA 和视觉重心 supahero.io ；SaaSFrame 补 Dashboard、Pricing、账号与产品流程，做后台最合适 saasframe.io ；Aceternity UI 管 Bento、3D、背景动效与 React 组件，最后把质感拉上去 ui.aceternity.com ；Footer.design 收尾——别再让 AI 做到最后随便塞几列链接就交差：footer.design 和 Footer.design 他给的顺序本身就是工序：导航找参考 → Hero 单独设计 → 中间产品区参考 SaaSFrame → 动效最后补 → Footer 收尾。 我的看法：这法子对症的是 vibe coding 的老大难——AI 味来自凭空发挥，页面才会千篇一律；按部位喂具体样本，产出立刻有出处。它和"先定规则再动笔"是一脉的：先看样本、再动代码，分工很清楚——模型负责拼装，审美判断交给已被验证的设计。