好的,这是根据您的要求深度重写后的文章:
前情提要可以回顾我之前的文章。核心事件是,Claude Code 的工程师在 X 平台上发表了一篇文章,其核心观点可以浓缩为一句话:HTML is the new markdown。他表示自己已经不再编写 Markdown 文件,几乎所有工作都改为让 Claude Code 直接生成 HTML。

这篇文章在开发者群体中引发了轩然大波。
支持与反对的声音此起彼伏。就在这场讨论如火如荼之时,有人已经付诸行动。
Open Design 团队仅用了 3 天时间,敲下了 15000 行代码,打造了一个名为 html-anything 的开源项目。

它的目标,就是将 Thariq 和 Karpathy 所倡导的理念,转化为一个任何人都能轻松上手的工具。
X 上已经涌现出大量用户的作品展示。
嗯,怎么说呢,效果确实很惊艳。
Thariq 之前不是说过吗,根本不需要搞什么复杂的配置或技能。
01
html-anything 究竟是什么
一句话概括:让你的本地 AI agent 替你写 HTML,而你只需要负责发布。
它能无缝对接你电脑上已经登录的 Coding Agent CLI,自动检测你安装了哪些工具,并复用你现有的对话会话。

你只需粘贴内容、挑选一个模板,然后按下 ⌘+Enter,几秒钟之内,一份设计精美的 HTML 文件就能呈现在你面前。
它支持 8 种 Agent:包括 Claude Code、Cursor、Codex、Gemini CLI、OpenCode 等。
无需额外的 API Key,你之前怎么登录的,它就怎么用,边际成本几乎为零。

- 开源地址:https://github.com/nexu-io/html-anything
02
三大令人眼前一亮的特性
75 套模板,9 种输出格式
这是 html-anything 最核心的竞争力。它内置了 75 套 Skill 模板,覆盖了 9 种不同的输出格式:
- 杂志文章
- PPT 演示文稿
- 海报
- 小红书卡片
- 推文卡片
- 网页原型
- 数据报告
- Hyperframes 视频帧
- 简历





每种输出格式下,还提供了多种风格供你选择。
例如,PPT 模板就包含了瑞士国际主义、杂志风、小红书粉彩风、赛博霓虹风等 20 种不同风格。
视频帧模板则有液态背景 Hero、纽约时报风格数据图表、故障风标题卡、电影光效等 10 种选择。
从你的原始内容到最终交付物之间的距离,被压缩到了一次 ⌘+Enter 的操作。
零 API Key,直接复用你的 Coding Agent
html-anything 没有自己造一个 Agent 轮子。它的哲学是:你电脑上装的那个就是最好的。
启动时,它会扫描你电脑的 PATH 路径,这些路径通常是 GUI 程序无法直接扫描到的。
找到什么 Agent 就用什么,无论是 Claude Code、Cursor 还是 Codex,都能无缝使用。
你之前用 claude login 或 cursor login 登录过的会话,它可以直接复用。你不需要再配置一次 API Key,也不需要多花一分钱。
一键导出,告别二次排版
对于内容创作者来说,这一点至关重要。

导出到微信公众号:CSS 样式会自动内联,直接粘贴到编辑器中,格式也不会乱。
导出到 X / 小红书 / 微博:会自动渲染成 2x 高清 PNG 图片,复制到剪贴板后,直接粘贴到发布框即可。
导出到知乎:数学公式会自动替换成知乎能渲染的格式。
此外,你还可以直接下载独立的 .html 文件或高清 .png 图片,方便分享给任何人。
从此告别二次排版,再也不用在不同平台之间来回调整格式了。
03
如何使用
只需三行命令即可启动:
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install && pnpm dev
打开 http://localhost:3000,顶部的工具栏会自动显示你电脑上安装了哪些 Coding Agent CLI。
选择一个模板,粘贴你的内容,然后按下 ⌘+Enter。
接下来,你就能看到 AI 一行一行地将 HTML 渲染出来。它采用 SSE 流式传输,支持实时预览。
如果对生成的效果不满意,可以随时打断,更换提示词重新生成。
Markdown 是草稿,HTML 才是给人看的最终形态。
过去不选择 HTML,是因为手写太麻烦。但在 Agent 时代,你不再需要手写 HTML 了,把这件事交给 AI 来做吧。
关注“鲸栖”小程序,掌握最新AI资讯
本文来自网络搜集,不代表鲸林向海立场,如有侵权,联系删除。转载请注明出处:https://www.itsolotime.com/archives/35427

