用自然语言告诉AI你的要求,不断优化页面、内容和用户体验。 这一阶段解决的是:从真实访客角度判断网站是否看得懂、信得过、用得了,并把具体问题交给AI修正。
🎯 本阶段目标
学会发现具体问题、清楚描述要求、让Codex或WorkBuddy完成修改,并对照修改前后结果完成验收。
🚀 开始行动
上一章,你已经得到了一套能够正常打开的网站。
它有网站源码、生成好的静态文件、本地查看地址和临时分享地址,AI也已经完成了第一轮检查。
这些文件和报告你不需要逐个研究,更不需要学习代码。本章只做一件事:
站在品牌经营者和真实访客的角度,找出网站中最影响使用和公开展示的问题,再用自然语言让AI直接修改。
你不需要告诉AI代码应该怎么写。你只需要像给自己的设计师或员工安排工作一样,说清楚:
- 哪里有问题;
- 现在是什么情况;
- 希望改成什么样;
- 哪些内容不能动。
然后让AI修改网站、重新生成,再回到页面复看。
这一章属于日常修改,默认只需要本地预览地址。需要发给同事或朋友远程查看时,再直接告诉AI“请再给我一个临时远程预览地址”。
完成本章后,你会得到
- 一套经过精修、值得进入正式上线阶段的网站;
- 更新后的网站文件和查看地址;
- 一组同一页面、同一位置的修改前后截图;
- 一条以后修改自己网站时仍能反复使用的自然语言提示词。
本章只需要完成五个动作:
打开网站 → 找出问题 → 说清要求 → 让AI修改 → 对照验收
先看这张图,记住本章从头到尾只走这一条路:

看到这里,你只需要记住:第一版负责让网站真实出现,第八章负责把最影响使用的问题逐个改掉。
一、先明白:第一版为什么还需要精修
AI第一次生成的网站,通常已经具备完整页面、内容和基本功能,但它不一定完全符合你的品牌,也不一定完全符合真实访客的使用习惯。
常见问题包括:
- 首页信息太多,访客第一眼看不懂重点;
- 标题听起来很专业,却没有说清你到底提供什么;
- 图片与当前品牌、产品或服务不匹配;
- 某些案例、数字或联系方式不准确;
- 按钮虽然存在,点击后却没有进入正确页面;
- 电脑上看起来正常,手机上却出现文字拥挤、图片显示不全或按钮被遮挡;
- 页面整体没有明显错误,但缺少让访客继续了解或咨询的引导。
这不代表网站生成失败。
第一版的作用,是先把网站的整体结构和内容做出来。接下来要做的,是把明显问题逐个改掉,让网站从“技术上能打开”,变成“访客看得懂、信得过、用得了”。
先别推翻重来 这一章不是重新建站,也不是不停更换风格。不要因为一个按钮不够好看,就推翻整个网站。
**正常结果:**你接受第一版还可以继续变好,也知道本章只处理真正影响理解、信任和使用的问题。
二、先学会看网站:只看三件事
很多人打开自己的新网站后,会觉得“好像哪里不对”,却不知道应该从哪里开始。
不要一上来纠结字体、圆角、阴影和动画。先把自己当成第一次来到这里的访客,只看三件事:

这三条线不是专业术语。它们就是一个真实访客从打开首页到决定是否咨询的自然过程。
先看:访客看得懂吗
打开首页,暂时忘掉你脑子里已经知道的品牌信息。不要替网站补充解释,只看页面,在几秒钟内回答:
- 这是哪个品牌;
- 它主要提供什么产品或服务;
- 它最想服务哪些人;
- 它正在帮助访客解决什么问题;
- 如果我感兴趣,下一步应该做什么。
如果其中有两个以上的问题说不清,说明首页主线还不够清楚。
这时优先修改标题、介绍文字、内容顺序和咨询入口,不要先花时间调整小装饰。
用北境原野举例:
如果首页只写“去更远的地方,看更大的世界”,气氛有了,但第一次来的访客仍然不知道这是内蒙古旅行服务、具体能去哪里、适合什么人。
更清楚的页面应该让访客很快看见:这是北境原野,提供内蒙古全域旅游服务,有草原、火山、沙漠、亲子家庭和小团定制等具体入口,感兴趣的人可以继续查看行程或咨询。
**正常结果:**不需要你在旁边解释,访客也能大致理解你的品牌、业务和下一步。
再看:访客信得过吗
主线看懂后,再检查页面里的重要事实。
重点核对:
- 品牌名称和公司名称;
- 产品、服务和适合的人群;
- 电话、微信、邮箱和地址;
- 创始人、团队和人物身份;
- 案例、数字、时间和公开承诺;
- 证书、荣誉和资质;
- 图片是否属于当前品牌和当前业务。
发现不准确的内容时,不要让AI自行猜测。直接把正确内容告诉AI,并明确要求全站统一修改。
同时检查网站里有没有不应该公开的内容:
- “课程演示”“测试项目”等内部字样;
- 内部工作方法和提示词;
- 账号、密码或后台信息;
- 完整合同、客户电话和私人信息;
- 未经允许公开的游客或客户细节。
**正常结果:**重要事实在全站保持一致,没有测试内容、隐私信息和明显不真实的表达。
最后看:访客用得了吗
接下来不要只看页面,要真的点击。
以北境原野为例,你可以沿着一条真实游客可能会走的路线操作:
- 从首页点击“查看旅行线路”或当前主按钮;
- 打开一条草原、火山、沙漠或亲子旅行线路;
- 继续寻找咨询、电话、微信或行程定制入口;
- 真正打开对应页面或联系方式。
在这条路上检查:
- 按钮上写的内容和打开的页面是否一致;
- 菜单能否打开,并顺利进入其他页面;
- 行程、案例和文章详情能否正常查看;
- 常见问题能否展开;
- 返回首页和继续咨询是否方便;
- 电话、邮箱、二维码和外部链接是否正确。
**正常结果:**访客从了解品牌,到查看线路,再到找到咨询入口,整个过程可以顺利完成。

根据以上的学习,第一眼看到这个首页,你有哪些想改动的地方吗?
三、电脑和手机都要亲自看一遍
电脑上正常,不代表手机上也正常。
完成电脑端检查后,用手机打开临时分享地址,或者在电脑浏览器里切换到手机预览。
你不需要学习手机型号、屏幕像素和技术参数。只需要像普通访客一样上下滑动、打开菜单和点击按钮。


重点看:
- 标题有没有挤成很多零碎的短行;
- 文字有没有重叠、被截断或跑出页面;
- 草原、火山、人物或线路图片有没有裁掉关键内容;
- 菜单能不能打开、进入页面并正常关闭;
- 按钮是否方便点击;
- 页面有没有左右晃动;
- 底部按钮有没有挡住正文;
- 图片有没有模糊、变形或显示失败。
发现问题时,先截图。
截图比“手机上有点乱”更容易让AI准确理解,也能帮助你在修改后回到同一位置复看。
**正常结果:**你在电脑和手机上都真实打开、滑动并点击过网站,至少留下了一张需要修改位置的截图。
四、一次只改一个最值得改的问题
第一次检查网站时,你可能会同时发现很多问题。
不要一次把十几个不同问题全部扔给AI。这样即使网站发生了很大变化,你也很难判断是哪一项修改产生了效果,哪里又被意外改坏。
建议按照下面的顺序处理:
- 错误的品牌事实和联系方式;
- 访客看不懂的首页主线;
- 无法点击或打开的功能;
- 手机上影响阅读和操作的问题;
- 图片不匹配、模糊或裁切错误;
- 颜色、间距、字体和装饰等视觉细节。
先解决会影响理解、信任和咨询的问题,再处理“还可以更好看”的问题。
把模糊的感觉变成清楚的修改要求
AI可以写代码,但它不能准确猜出你心里的“高级”“大气”和“有感觉”分别是什么。
每次提出修改要求时,尽量说清四件事:
哪里有问题+现在是什么样+希望改成什么样+哪些内容不能动
下面这张对照图,帮助你快速判断一句要求能不能被验收:

模糊要求与清楚要求的对照
例子一:首页重点不清楚
不要只说:
这个首页不好看,帮我做得更高级一点。
可以改成:
北境原野首页最上方的介绍文字太多,访客第一眼看不出我们主要提供什么。保留品牌名称、现有蓝绿色和草原主图,把内容缩短,重点说清“内蒙古全域旅游服务”,并让“查看旅行线路”按钮更明显。不要修改公司名称、现有线路事实和联系方式。
例子二:线路介绍不容易阅读
不要只说:
这个旅行产品介绍太普通了,帮我优化一下。
可以改成:
“火山与草原”线路页面中间的介绍现在是一大段文字,访客很难快速找到重点。不要修改行程事实,把内容整理成“适合谁、能看到什么、每天怎么走、如何咨询”四部分,让亲子家庭和第一次来内蒙古的游客能够快速看懂。
例子三:图片与线路不匹配
不要只说:
这张图不好,换一张高级的。
可以改成:
呼伦贝尔线路页的首图现在更像沙漠场景,和页面内容不匹配。请换成能体现草原、莫日格勒河或当地旅行氛围的图片。保留当前标题、按钮位置和整体色彩,不要顺便重做其他线路页面。
例子四:按钮打开了错误页面
不要只说:
这个按钮有问题,修一下。
可以改成:
首页“查看旅行线路”按钮现在点击后进入品牌介绍页,与按钮名称不一致。请把它改为进入线路列表页,保留按钮文字和现有样式。修改后请在电脑和手机上真实点击确认能够正常打开。
描述得越具体,AI越容易一次改对,你也越容易判断修改是否完成。
**正常结果:**你已经选出这一轮最值得修改的一处问题,并能用完整句子说清位置、现状、目标和保留项。


截图中的提示词包含了明确的位置、问题、修改要求,问题清晰,ai改起来就精准,一次就能搞定。

✅一次对话,AI完美解决我的问题。
五、回到当前AI任务,让AI直接修改
本章继续以Codex作为主导演示。回到生成当前网站的Codex任务,继续在同一个项目中修改;如果你使用WorkBuddy,就回到生成当前网站的同一个WorkBuddy任务。
不要重新上传全部资料,也不要重新要求AI建站。告诉它继续修改当前网站即可。
如果有截图,把截图和修改要求一起发送。

截图+描述具体位置+具体问题和你想修改成什么样,我没有给他指定照片,自动根据主题选一张,也可以指定某某文件夹,某张照片名称进行替换。

✅已完成旅行路线页面背景图片添加
可直接复制的精修提示词
**用来做什么:**把你真实看到的一处问题交给生成当前网站的AI任务。
**发送前准备:**问题所在页面、真实表现、希望结果、必须保留的内容;有截图时一并提供。
**发送后会得到:**修改后的网站、新生成的静态文件、检查结果和可以复看的页面或地址。
看到这些信号算正常:
提示词 P08-01|精修当前网站 打开复制页(会直接定位到同编号提示词) →
- AI先读取当前网站和与问题相关的资料;
- AI直接修改网站,而不是只给建议;
- AI重新生成并检查受影响的页面;
- AI告诉你应该打开哪个页面或地址复看。
请继续修改当前网站,不要重新建站。
问题位置:
【写清是哪个页面、哪个位置】
现在的问题:
【写你真实看到的情况;有截图时请结合截图判断】
我希望改成:
【写清修改后希望访客看到、理解或完成什么】
必须保留:
【写不能修改的品牌事实、文字、颜色、图片、页面结构或功能】
如果我提供的是已经写完、准备公开的文章、客户案例或问答,请把它视为权威正文,只做我明确要求的修改以及必要的校对和排版;保留原有顺序、人物、场景、动作、对话、细节、情绪、观点和语气,不得为了统一页面结构把正文改成流程、清单、方法论或摘要。若版式与正文冲突,优先调整字号、宽度、断点、组件和数据结构。只有我提供的是提纲、关键词、聊天说明、访谈记录或模糊素材时,才允许重新创作和具象化。
开始本次重要修改前,请先检查当前项目状态,把当前最后一个已验证的Git提交记录为“修改前版本”;首次尚无提交时写none,不要为记录修改前状态制造空提交。不要覆盖或丢弃我已有但尚未提交的内容。发现无法判断的旧修改、密钥或无关文件时先暂停说明。
请直接修改网站,不要只给建议。
完成修改后,请重新生成可以查看的版本,检查这次修改涉及的页面、电脑和手机显示,以及相关按钮和链接是否正常。对本次修改涉及的成稿逐段与输入正文对照,未说明的实质性删改或缺失必须为零。
检查通过后,确认没有密钥、凭证、out/、缓存和临时文件进入版本记录,再保存“修改后版本”。告诉我修改前和修改后的完整版本编号、工作区是否clean、out/清单哈希、本地预览地址和检查结果。
如果本次修改没有通过检查,不要把它标记为完成版本;先修复,或者用保留历史、可以再次撤销的方式恢复到修改前检查点。不得使用git reset --hard、git clean或强制删除。
最后告诉我:
1. 实际修改了什么;
2. 哪些检查已经完成;
3. 我应该打开哪个页面或地址复看;
4. 还有哪些内容没有确认。
除非缺少会改变品牌事实或公开承诺的重要信息,否则请直接完成修改,不要停下来询问普通的样式选择。
如果AI只给方法,没有真正修改
继续发送:
不要只告诉我修改方法,请继续当前任务,直接修改网站。修改完成后重新生成,并给我可以复看的页面或地址。
如果AI一次修改了太多地方
继续发送:
这次只处理我指出的这一类问题。请保留其他已经正常的页面和样式,不要顺便重新设计整个网站。
如果AI需要确认品牌事实
涉及公司名称、联系方式、价格、资质、案例数据和公开承诺时,应当由你提供真实信息。
普通的间距、字号、排版和实现方式,可以让AI直接判断,不需要每一步都询问你。
**正常结果:**AI明确告诉你实际改了什么,已经重新生成并检查网站,并给出可以复看的页面或地址。
**正常结果:**Codex/WorkBuddy 同时给出修改前和修改后的完整Git版本编号、工作区clean/dirty状态、out/清单哈希、本地预览地址和检查结果。修改没有通过时,不创建“修改后版本”,只报告未完成工作区、失败项和续做位置。
把AI当做一个你的同事。你认为用什么样的方式跟跨部门的同事沟通,他能理解?那么AI他就能理解你的意图。
六、对照验收,然后停止继续换风格
AI告诉你“已经修改”,不代表页面一定符合要求。
你必须重新打开页面,亲自查看和点击。
第一次对照:原来的问题解决了吗
打开刚才出现问题的位置,对照你的要求检查:
- 原来的问题是否已经消失;
- 希望突出的内容是否更加明显;
- 要求保留的内容是否还在;
- 有没有出现新的文字、图片或功能错误。
第二次对照:有没有影响其他地方
如果修改的是全站共同使用的导航、按钮、字体、颜色或页脚,还要快速打开其他页面看一下。
例如:
- 修改导航后,检查其他页面的导航是否正常;
- 修改统一按钮后,检查按钮文字和链接有没有一起改变;
- 修改首页图片规则后,检查其他图片有没有被错误替换;
- 修改联系方式后,检查首页、联系页和页脚是否保持一致。
第三次对照:电脑和手机是否都正常
同一个页面至少在电脑和手机上各看一次。
不要只看截图,要真的滑动页面、打开菜单并点击关键按钮。
保留修改前后截图
在修改前和修改后,分别截取同一个页面、同一个位置。
两张截图尽量保持相同的显示范围,不要通过不同裁切让修改效果看起来更大。
修改前后截图有三个作用:
- 帮助你判断这次修改是否真的有效;
- 方便交作业和复盘;
- 将来继续修改网站时,可以作为交付记录。
截图不需要覆盖整个网站。选择这一轮真正修改的页面和位置即可。
什么时候应该停止继续修改
网站永远可以继续优化,但课程的目标不是把第一版改到永远不再变化。
当下面这些条件已经满足,就可以停止继续换风格:
- 首页能够说清品牌、业务、服务对象和下一步;
- 重要品牌事实和联系方式正确;
- 主要页面能够正常打开;
- 关键按钮和咨询入口能够使用;
- 电脑和手机上都能正常阅读和操作;
- 没有明显的错误图片、测试内容和隐私信息;
- 修改后的页面和新生成的网站文件保持一致。
剩余的小问题,例如某处留白还能再多一点、某个图标还能再精致一点,可以在网站上线后继续调整。
如果一直要求AI“换一种风格再试试”,很容易把已经正常的网站越改越乱。
本章完成检查
-
我已经在电脑上打开并检查首页;
-
我能说清品牌、业务、服务对象和下一步;
-
我检查了品牌名称、联系方式和重要公开信息;
-
我真实点击了一条从首页到咨询入口的路径;
-
我在手机上打开并操作过网站;
-
我找出了一处最影响使用的问题;
-
我用具体要求让AI完成了修改;
-
我重新打开页面确认问题已经解决;
-
我检查了修改有没有影响其他页面;
-
我保存了同一页面、同一位置的修改前后截图;
-
AI已经重新生成可以用于后续上线的网站文件。
本章完成标志 你已经把一套“技术上能打开的第一版”,修改成了一套访客能够看懂、重要事实值得相信、电脑和手机能够正常使用、关键路径可以顺利走通,并且值得进入正式上线阶段的品牌官网。 更重要的是,你已经掌握了一种以后仍然可以反复使用的能力:不需要自己写代码,也能通过观察、截图和自然语言,让AI继续修改自己的网站。
本章作业
提交下面四项内容:
- 一张修改前的真实页面截图;
- 一段你发给AI的具体修改要求;
- 一张修改后的同页面、同位置截图;
- 更新后的临时分享地址或本地检查结果。
下一阶段预告
到这里,网站的页面修改和人工检查已经完成。
下一章,我们会先让AI对当前网站做一次上线前检查,再跟着流程把网站发布到正式域名。发布完成后,AI还会从真实网址重新检查一遍,确认访客能够正常打开和使用。
你不需要提前理解技术细节,跟着第9章一步一步完成即可。
📌 本章把页面改好;下一章把网站正式发布到公网。