Idea 01
HTML = throwaway editor
不是文档, 是用完即扔的可视化工具
经典例子: 30 个 Linear ticket 要重排优先级, 让 Claude 生成可拖拽 HTML, 分 Now / Next / Later / Cut 四列, 拖完点 copy as markdown 把结果贴回 Claude Code。
适用场景: 调动画缓动曲线 / 调颜色 / 调 cron / 调 regex——所有"用纯文字描述很费劲"的事, HTML 表达力高一个量级。下方第 02 段就是真的可拖拽的实例。
Idea 02
HTML 网做 spec, 不是 Markdown plan
spec 从过渡产物 → multi-agent 共享内存
流程: ① 让 Claude 生成 6 个不同方向的方案, 平铺一个 HTML 横向对比 → ② 挑一个深入做 mockup + 数据流图 → ③ 写实施计划。新 session 把整个 HTML 网络当 context 喂回。
关键转变: verification agent 也读这堆 HTML——spec 不再是"给人读完就丢"的中间产物, 而是 multi-agent 协作的共享状态。
Idea 03
SVG 是被严重低估的输出
一张图 ≈ 200 行 Markdown
让 Claude 把 token bucket 限流逻辑画成 SVG 流程图, 关键代码片段做内联注释, 加 gotchas 段落。
相比 Mermaid 的语法约束, 内嵌 SVG 表达力更强——任意定位 / 任意视觉细节 / 任意交互。下方第 03 段就是一张这样的真 SVG 图, 替你看完一半文档。
Idea 04
诚实承认代价
慢 2-4×, 但 1MM context 下不可见
HTML 比 Markdown 生成慢 2-4 倍, diff 也更难 review——这是真的代价, 不掩饰。
但 Opus 4.7 + 1MM context window 下, 多出来的 token 在 context 里几乎不可见。这是关键取舍——拿写得慢换看得快 + 改得快, 在长 context 模型上账算得过来。