本篇导读
预计阅读时间：9 分钟。读完你会让 Agent 把一个动画文件扩建为多区块的完整网页，学会「区块化」思维和内容准备方法，并做出自己的个人主页。
上一节的动画是「一块画布」，这一节我们把它扩建成「一栋房子」：有标题、有介绍、有内容区的完整页面。落地方案就用最实用的题目——做一个属于你的个人主页。
先备料，再开工
盖房前先备砖。动笔之前，先在对话里跟 Agent 把「料」列齐：
- 这页是给谁看的？ 潜在的合作者？同学？招聘方？定位决定长相。
- 放什么内容？ 通常是：自我介绍几句话、技能或作品列表、联系方式。
- 什么感觉？ 简洁文艺、科技炫酷、还是商务干净？给一两个参考物。
把这三问的答案想好，剩下的是技术活，全归 Agent。
区块化：网页搭积木
对 Agent 说需求时，用「从上到下一块一块」的方式描述，它建得又快又正：
「做一个单页个人主页，从上到下四个区块：头图区——名字加一句 slogan，星空动画做背景；关于我——两段自我介绍加一个头像位；作品区——三张卡片，每张有标题、一句话简介、配图；页脚——联系方式和版权。整体风格深色简约，白字灰底，间距要大方。」
看出来了吗？这就是网页设计的通用语言：页面 = 区块的堆叠，区块 = 元素的组合。头图、导航、卡片、页脚是最常用的几种「预制件」。你说区块，它搭积木——连不懂设计的你，都能得到一个结构专业、比例舒服的页面。
做完打开检查，不满意的区块单独点名改：「作品区卡片太挤了，间距加大，加个悬停放大效果」。
内容的活儿也别浪费它
页面框架好了，内容也可以让它帮你写：自我介绍写得干巴？把你的经历丢给它「按这个页面风格重写一版」。它擅长的正是这种「把素材变成成品文案」的活。
不过记住 1.1 的老规矩：它负责产量，你负责质量——写出来的介绍你要逐句过目，那毕竟是你本人。
移动端：顺手但必须做的一步
现在一半以上的访问来自手机。所以最后一定要说一句：
「检查一下手机上的显示效果，调整到手机屏幕上排版也正常。」
这叫响应式适配——让页面自动适应屏幕宽度。Agent 会给代码加上媒体查询规则，字号、间距、布局在窄屏上自动变化。这一句话的事，千万不要省：用电脑做出来、在手机上稀烂的页面，是新手作品最常见的破绽。
下一节
一个像模像样的页面有了。但现在的它只存在于你电脑里，只能你自己看。
下一节讲迭代打磨的方法论——好页面都是改出来的。