用 AI 做页面，最难的往往是审美。Claude Code 和 Codex 写代码很快，可你只丢一句「做个好看的落地页」，出来的东西大概率一股模板味。

邓金辉

用 AI 做页面，最难的往往是审美。Claude Code 和 Codex 写代码很快，可你只丢一句「做个好看的落地页」，出来的东西大概率一股模板味。

把最近收藏的设计站翻了一遍，按做一个页面的顺序整理出 10 个，存好这一条，下次开工直接对着用。

一、先找参考，把审美喂给 AI

1. http://recent.design：每天更新的设计灵感合集，开工前刷五分钟找方向
https://recent.design

2. http://on.design：设计师社区，以前收录获奖网站的 http://godly.website 现在也并到了这里
https://on.design

3. http://60fps.design：移动端和网页的 UI 动效合集，想加交互动画时先来看看别人怎么做
https://60fps.design

4. http://footer.design：只收页脚的图库，页面底部总写不好的可以直接参考
https://footer.design

二、直接出页面

5. http://modulify.ai：一句话生成网站或 Web 应用，自带 CMS、数据库和托管，适合不想自己部署的人
https://modulify.ai

6. http://motionin.design：一批带物理效果、跟随鼠标的网页区块，每个都附好了提示词，复制给 Claude Code 或 Codex 就能做出同款（付费）
https://motionin.design

7. http://wonderlist.design：127 套 Figma 网站模板，SaaS、作品集、咨询公司都有（付费）
https://wonderlist.design

三、补素材

8. http://iconly.design：2,400 多个 App、游戏和网页图标，能按分类、风格、颜色筛选
https://iconly.design

9. http://fontinlogo.com：查大牌 Logo 用的是什么字体，Nike、Tesla、Chanel 都能查到
https://fontinlogo.com

10. http://backgrounds.supply：手工绘制和 AI 生成的背景图、渐变合集
https://backgrounds.supply

配合 Claude Code 和 Codex 怎么用

在参考站截两三张喜欢的图，直接贴进对话，告诉它「照这个风格的配色、留白和字号重做首页」，两边都支持贴图。字体去 fontinlogo 查到具体名字再写进提示词，比写「高级感」三个字管用得多。