你可能觉得"写代码"是离普通人最遥远的事。这一课—— 你将亲眼见证，AI 如何只凭几句对话，就从零为你构建一个功能完整的网站。
做一个这种炫酷的个人主页，需要专业程序员——懂 HTML 骨架、CSS 动画、JavaScript 交互、响应式布局、字体排版、颜色理论……一行行敲几百行代码，调到深夜。
AI 已经是全天下最好的程序员之一，它的代码能力超过 90% 的一线工程师。你不需要会写代码——你只需要把"我是谁、想要什么"用自然语言告诉它。
下面这页，是一个虚拟学员"沈雨晴"的个人主页。 Gemini 2.5 Flash 基于一段精调过的提示词，40 秒生成了 820 行 HTML+CSS+JS 的单文件网页。
整页包含：深色霓虹主题 · 动态 blur orb 漂浮 · 作品集图廊 hover 效果 · 响应式布局（拖到竖屏也不破）· "我爱的小事"卡片区 · 加载动画。
填下面 6 个字段，点"生成"——我们会把你的内容拼进一段精调过的提示词，发给 AI 一次出片。 图片用的是示例里那 5 张（本课核心是看见 AI 写代码的奇迹；自己换图片留到后面的课里玩）。
这是骨架——System 告诉 AI 规则，User 装着你刚才填的内容。
System（给 AI 的硬约束）：
User（带你信息的请求，填表单时实时更新）：
上面是精调模板，适合个人主页。但如果你想做任意类型的网站，不知道怎么跟 AI 描述？网站大师帮你做需求分析——你说一个粗糙想法，它拆成五个维度，生成优化后的完整需求，直接送给 AI 生成网站。
这里其实已经是多 AI 协作了：需求分析 AI 拆解想法 → 代码 AI 生成网页骨架 → 生图 AI 逐张填充画面。三个 AI 各司其职，你只需要说一句话。
说一个粗糙想法，AI 帮你升级成专业需求，然后一键生成。
AI 让任何人都能做出炫酷网页，但想要多时尚、多独特，取决于你给的描述有多精准——这是 AI 时代一种新的"审美能力"。
生成不是终点。你用一句话"把颜色改成蓝色"，AI 就能重新编辑代码。这叫 vibe coding——和代码对话，而不是敲代码。
你亲手打破了"程序员"的职业壁垒，体验了如同"写作文"一般构建网站的全过程。创造软件，已成为你的新能力。