AI 网页制作
这里整理了从公众号文章到正式上线的 AI 网页制作全流程，从千问生成基础网页，到 Claude Code 接入图片，再到 UX/UI Skill 精修、Netlify 部署、域名绑定。
内容导航
01 千问生成基础网页 ⭐ 入门第一步
用千问把公众号文章转成单文件 HTML 网页，验证 AI 能不能帮你做网页。
解决：想做网页但不会写代码。
02 Claude Code 加入图片
用 Claude Code 读取本地图片素材，把纯文字网页升级为图文作品版。
解决：V1 太干，缺图缺视觉。
03 UX/UI Skill 精修
用 Codex 配合 UX/UI Skill，把图文版打磨成更正式的作品级网页。
解决：看起来像网页，但还差点正式作品质感。
04 Netlify 部署
用一个 Netlify 项目承载 V1 / V2 / V3 三个版本，发布到网上供人访问。
解决：本地文件别人看不到。
05 绑定正式域名
把 Netlify 临时域名换成自己的正式域名，HTTPS 证书自动签发。
解决：临时地址不方便分享。
06 工具与服务清单
把 01-05 用到的所有工具、服务、官网链接聚成一张总表，方便随时查阅。
解决：想找某个工具是干嘛的、官网在哪。
快速开始
- 完全没做过网页：先看 千问生成基础网页，最简单
- 已有 V1 基础版：用 Claude Code 加入图片 升级
- 想要更好的视觉效果：UX/UI Skill 精修 进一步打磨
- 要对外发布：Netlify 部署 + 绑定域名
- 想快速看用到哪些工具：工具与服务清单