Claude Code核心开发者Thariq认为,Markdown在复杂任务中可读性差,导致人类易脱离协作循环。而HTML作为可视化、可交互的界面,能将人重新拉回人机协作回路,适配AI时代“算力分配者”的新角色。他提出了三个可落地的工作流:用交互式HTML进行头脑风暴;为特定任务生成“一次性微应用”;构建人机双向可读的“活体设计系统”。核心判断包括:媒介选择决定人类参与度;生成式算力应主要投入在对齐与沟通的“脚手架”上;软件边际成本趋零;以及明确信任指令能激发更创造性的输出。
HTML 是新的 Markdown?
10 天前 Claude Code 核心开发者 @trq212 发布了「Using Claude Code: The Unreasonable Effectiveness of HTML」,指出「HTML 是新的 Markdown」,引起了极其热烈的讨论,单篇超 1200 万阅读、1 千+ 讨论
https://x.com/trq212/status/2052809885763747935
10 天后,Thariq 在和 @clairevo 的访谈中再次重申这一观点「HTML 是新的 Markdown」,他直接指出:Markdown 作为人与 LLM 的通用语已经触到天花板,一旦任务量变大,人们会直接放弃阅读 Markdown 文件!
而 HTML 提供了可视化、可交互的载体,把人从"被动审阅者"变回"主动协作者",能把人们重新被拉回 Agent Loop 中。在 AI 时代,每个人都正在变成 "算力分配者"——核心工作不再是写代码,而是决定算力该花在哪里。HTML 是帮助人做出这个判断的更好界面。
三个可立即落地的工作流
工作流 1:用交互式 HTML 做头脑风暴与规划
把传统的"列个清单"换成"生成一个 HTML 文件"。
输入差异极小,输出差异极大:得到的不是文本列表,而是带 mockup、风险评估、可滚动浏览的可视页面。
进一步推到完整实施方案时,提示词哲学值得注意:
· 给足约束,但留出让模型超出预期的空间。
· 拼写错误不重要,意图表达清晰才重要。
· 显式传达信任("I trust you here")会改变输出质量。
工作流 2:为编辑计划而生成"一次性微应用"
针对"HTML 不如 Markdown 易编辑"的质疑,他的答案是反直觉的:不要去编辑 HTML,而是让 Claude 现场造一个专门用来编辑这段内容的 UI。
例如要修改一组数据可视化的决策规则,他让 Claude 生成一个带输入框、下拉、增删按钮、一键复制回 Markdown 的小网页。用完即弃。
这背后是"算力丰裕心态(abundance mindset)":既然生成 UI 几乎零成本,就应该为每一个具体的编辑任务定制最舒适的界面,而不是迁就通用工具。
工作流 3:可执行的"活体设计系统"
让 Claude 扫描代码库(甚至多个 GitHub 仓库)提取设计 DNA,产出一份 design_system.html。
· 它不是静态文档,而是人机双向可读的工件:色板、字号、间距、组件交互态都在页面上活生生地渲染出来。
· 在新功能开发时,把这份 HTML 作为上下文喂给 Claude,即可保证产出符合品牌一致性。
· 配合组件 playground(带可调节旋钮),还能成为非技术同事(市场、设计、视频)自助获取高保真素材的入口,打通工程与公司其他职能之间的鸿沟。
真正值得记住的几个判断
1. 媒介决定参与度。 模型不需要 HTML,人类需要。换载体的本质是把人留在协作回路里。
· 1% 与 99% 的算力分配。 Thariq 估计他生成的 token 只有约 1% 最终进入生产代码,其余 99% 都花在"脚手架"上——计划、临时 UI、状态汇报、设计系统。这恰恰是 compute allocator 的本职:把资源投在对齐与沟通上,以确保那 1% 是对的。
· 一次性软件是新常态。 软件的边际成本趋近于零之后,"为一次编辑造一个 app"不再奢侈,而是高效。
· 信任是提示词的一部分。 显式的授权语句会让模型敢于给出更完整、更有创造性的产出。
Soooo @trq212 has straight up changed my life with these 5 words: "HTML is the new markdown." It's so obvious in hindsight: while .md is simple to write and agents can read it well, it's a total slog to eyeball as a human. In this special ep recorded live at Code with Claude, Thariq walks me through how he: - uses HTML artifacts as interactive specs - builds throwaway micro-UIs - maintains a living design system in HTML - prompts Claude with "whatever is needed" to give it room to actually think He also tells us what comes after the SWE + PM role 👀 As always, a huge TY to our amazing sponsors: 🔀 @celigoinc - Intelligent automation built for AI: https://celigo.com/howIAI 🪪 @withpersona - trusted identity verification for any use case: https://withpersona.com/lp/howiai Watch now on YT: https://www.youtube.com/watch?v=Qrpm7E80wQ0在 X 查看被引用的帖子
来源:meng shao · x.com