HTML 的不可思议的有效性

用在你还没想清楚自己想要什么的时候。让 agent 沿几个方向各跑一版、并排摆好， 你只要伸手指一下就行——而不是连读三段长文，再勉强在脑里把它们对比起来。 一旦选定方向，再把这个选择转成实现者真正会读的方案。

diff 和调用图是空间信息，markdown 把它们压成了一条线。让 agent 把改动渲染成带注解的 diff、 把模块画成方块和箭头，或者写一份评审者真正想看的 PR 说明——这样代码的"形状"就一眼可见。

HTML 本身就是设计系统最终交付的载体，所以也是讨论它最自然的格式。 token 变成色卡，组件变成成套样张，产物可以原样喂回下一轮 prompt。

动效和交互是描述不出来的，只能感受。一个用真实缓动曲线、真实点击流程做出来的临时页面， 五秒钟就能告诉你的事，用一段文字写一辈子也写不清。

内联 SVG 等于给 agent 一支真正的笔。让它给你一篇博文配几张配图，或把流程画成流程图， 你拿到的是矢量稿——可以手工调整，也可以直接粘进最终文档。

几个 <section> 标签加上二十行 JS，就是一份幻灯。 把 Slack 讨论或一篇设计文档丢给 agent，得到的就是一份开会时按方向键就能翻的演示稿—— 不需要 Keynote，也不需要导出步骤。

一篇配有可折叠章节、标签页代码示例和侧边术语表的讲解文，跟同样的文字线性堆在一起读起来完全不同。 agent 可以搭出让一个新话题真正"可被翻阅"的脚手架。

周报、复盘这类周期性文档，最能从一点结构和颜色里获益。 一张小图、一条带颜色的时间线，就能把"扫两眼就关掉"的东西变成"会被认真读完"的东西。

有时候你想要的东西在文本框里说不清楚。那就让它给你做一个一次性的小编辑器，专门处理你眼下这件事—— 并且一定要带一个导出按钮，把你在 UI 里折腾出来的结果转回成可以粘回 agent、或直接提交的内容。 你始终在循环里，而循环越来越紧。