AI 降低了实现成本，但真正拉开差距的，是内容、审美和判断。
为什么同样用 AI，有些网站一眼像作品，有些只像模板？
以前做网站的成本非常高：要么需要同时具备前后端知识，要么使用高成本的建站工具，或者套模板制作，上手门槛比现在高得多。
HTML / CSS / JS，或者学习一个完整建站平台。
字体、留白、颜色、图片、信息层级都要自己判断。
域名、托管、更新、移动端检查，都是额外成本。
AI 不只是“建站工具里的一个按钮”。它可以帮你生成网页、改代码、整理内容，再配合 Vercel 直接部署。
用文字描述页面结构、视觉风格和功能，先得到能看的版本。
让 AI 根据你的反馈改布局、写组件、修 bug。
静态页面、原型、小工具都可以用免费额度快速上线。
它们都可以辅助写代码、改页面、理解项目。我的工作流会用 Framer + Codex 演示，其他工具大家可以自行搜索和替换。
这些工具通常对中文语境、国内网络和价格更友好。价格变化很快，实际使用前以官方页面为准。
如果只是做一个静态页面、活动页、临时原型，纯 AI Web Coding + Vercel 就能完成很多事。
比如点击量分析、CMS、表单、SEO、Figma 联动、商业模块和发布管理。
相比纯 AI Web Coding，这个方案的可控性、维护体验和最终视觉效果通常更适合长期作品集。
不用先打开建站工具，直接让 AI 生成网页代码，再通过本地预览和 Vercel 部署完成一个可访问的网站。
写清楚网站目标、页面结构、内容顺序和想要的视觉方向。
让 AI 直接生成网页代码，先得到一个完整可运行的版本。
继续让 AI 改样式、补交互、修 bug，不断靠近目标效果。
检查文字、按钮、图片、动效和不同屏幕下的显示状态。
把网页发布成链接，适合快速分享、测试和继续迭代。
页面设计、布局、发布、CMS 和视觉调整。
快速改页面、生成 section、处理站内内容。
让外部 AI 能读写 Framer 项目，而不是只给建议。
写代码组件、批量修改、排查问题、整理脚本。
决定方向、审美、内容取舍和最终上线标准。
这一页对应第二条路径：用建站工具承接页面、发布和系统能力，再让 AI 处理生成、修改和复杂组件。
AI 可以把“做出来”的速度变快，但它不会自动知道你是谁、你想表达什么、哪个版本更像你。
哪些作品值得放首页？哪些信息应该删掉？
这个网站是像模板，还是像一个具体的人？
移动端是否能看？交互是否顺？按钮是否真的工作？
后面的实操会拆这些东西：角色插画、作品卡片、拖拽磁盘、hover 效果、游戏嵌入和响应式修正。
展示整体视觉语言：深色背景、亮粉、薄荷青、粗标题。
说明 AI 可以帮忙实现，但最后质感来自反复微调。
强调上线前的真实测试，而不是只看桌面首屏。
后续可能会根据实际情况进行调整。
建立工具地图和正确预期。
找参考，拆解风格，并转成需求。
整理作品、栏目和网站叙事。
用 Agent 做第一版页面。
外部 AI 如何进入 Framer 工作流。
让网站不再像模板。
嵌入游戏、互动组件、小工具。
把核心页面定下来后，批量制作其他页面、组件和内容模块。
AI 建站的重点不是让 AI 做完，而是让 AI 更快接近你真正想要的东西。
下一集：先别急着照抄，先学会把参考分类。