改网页时，对话里的源码看不到盒模型和换行。不要把整页丢给 AI 再生成一遍；让它写进正在预览的那一页，人看渲染结果再点选微调。小改动手点，结构改动才请助手。
为什么在对话里改 HTML，总要贴很多轮才知道布局对不对？
因为浏览器的渲染结果（折行、间距、移动端宽度）无法从源码字符「看」出来。模型每次交一卷完整 HTML，你只能整页替换后再找差异。已经满意的配色、图片、那句标题，都可能在「再出一版」里消失。
更小的改动根本不该回到对话。改一个按钮文案、换一张图、删掉多余区块，在渲染后的页面上点一下即可。这一条已经写过：AI 生成的网页想改个字，要重新喂一遍 prompt 吗？。本文补的是另一半：结构还要大改——加一节、改导航、拆成多页、统一 CSS——这时才值得把正在用的助手接到同一块画布上，而不是再开一个新的生成会话。
人机双写在网页上的含义很具体：助手写的是文件，你看见的是预览；你在画布上点过的字，再被读入口文件时，应包含那些可视化修改。两边若各改各的副本，就会打成两套页。
怎么让 AI 写入当前这一页，又保住你点过的内容？
打开 HTML 可视化编辑器，载入已有 HTML 或从空白开始，打开「连接你的 AI」，标签保持打开。助手应先列出文件、再读入口页（通常是 index.html）。入口内容来自当前预览，因此你刚才点选改过的标题，已经在文件里。
一次来回可以是这样——AI 加快加一节结构，你在画布上把控标题和间距：
你：
在第一屏下面加一节三个特点：快、清楚、可撤回。不要改现有配色。写到当前页，我对着预览点选微调。
助手：
已经写入首页。请看画布上三个卡片是否挤在一起——标题要改直接点选，不必再让我整页重生成。
不要靠想象猜布局——左边是对话，箭头连到右边正在打开的可视化编辑页，三个特点已经出现在画布上：
标题只差一个字，用手点；结构还要大改，再让助手少次写入。人机双写在这里，就是同一块画布上加速生产和把控细节。接入见 怎么让 AI 操作网页工具，概念见 人机双写。
写文件时记住一条工程限制：每一次写入都会重载预览，并清空撤销历史。 同一轮「把页脚改成三栏并统一按钮颜色」应合并成少次 edit/write，不要让模型改一个颜色就传一次。人的精细点选，放在助手这一轮写完之后。
从单页变成小站点，也是一次写入触发的：新增 about.html 或 css/style.css 后，当前文档会落到 index.html 旁，工程模式打开。文本类文件（html/css/js/svg/md 等）可读写；你上传的图片、字体只读，字节不经中继交给模型。单个文本文件经中继时大约需小于 180 KiB。没有远程删除或重命名——要删文件，在页上自己处理。
对人可说：
- 「抽出重复样式到 css/style.css，首页只保留结构。」
- 「按现在画布上的文案，只修移动端间距。」
什么改动手点，什么改动交给已连接的 AI？
改动能在画布上指着完成的，就手点；必须改结构和多文件的，才交给助手。
| 你要做的事 | 更合适 | 原因 |
|---|---|---|
| 改标题、换图、删一块、调字号 | 画布点选 | 秒级、不清空整页撤销 |
| 加一节、改导航信息架构 | 已连接的 AI 少次写入 | 源码级结构 |
| 拆成多页、抽 CSS | AI 写入新路径 | 进入多文件工程 |
| 只要整页海报式截图 | 页上导出截图 | 不必经对话传图 |
| 从零再生成一个完全不同的页 | 新开生成，再导入本页 | 共写的是「当前稿」，不是「任意新稿」 |
边界：关标签即断开。不要让模型编造它没见过的二进制图片路径。截图和源码都走本机下载，MCP 回传的不是文件字节。复杂前端框架工程（带构建链、node_modules）不是这一页的目标——这里是单页或小型静态站点的画布。
小结
让 AI 改网页，把「看不见的源码往来」换成「写进当前预览」。不要把整页丢回大模型独自重生成。小改动手点，大改动合并成少次写入，因为远程写会清空撤销。图片留在浏览器只读；要带走的是源码包或截图。已经点选满意的部分，和共写可以同时成立，只是粒度不同。