首页 技术教程 正文阅读

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。

emer 2026-05-19
4 0

大概就是前段时间 Claude Code 工程师在 X 上发了一篇文章,核心观点就一句话:HTML is the new markdown。

他已经不再写 Markdown 文件了,几乎所有东西都改成让 Claude Code 生成 HTML。
有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 1 张图
这篇文章在开发者圈子里炸了。

有人赞同也有部分人反对,在这场争论刷屏的时候,有人直接动手了。

Open Design 团队花了 3 天、15000 行代码,做出了一个开源项目叫 html-anything。
有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 2 张图
就是把 Thariq 和 Karpathy 说的那套理念,

做成了一款谁都能用的工具。

X 上已经有一堆人在晒作品了。

emmm,怎么说呢。

Thariq 之前不是说不需要搞什么复杂的配置或 Skill 么?

话又说回来了🤔
————————————————————————
【html-anything 是什么】

一句话:你的本地 AI agent 帮你写 HTML,你直接发布。它能接入你电脑上已经登录的 Coding Agent CLI,自动检测你装了哪些工具,然后复用你现有的会话。
有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 3 张图
你只需要粘贴内容,选一个模板,按下 ⌘+Enter,几秒钟就能拿到一份设计精美的 HTML 文件。

支持 8 种 Agent:Claude Code、Cursor、Codex、Gemini CLI、OpenCode等。不需要额外的 API Key,你之前怎么登录的就怎么用,边际成本为 0。

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 4 张图
开源地址:立即下载
———————————————————————————
好了,那说说第二个吧。
【三个让人眼前一亮的点】

75 套模板,9 种输出格式这是 html-anything 最核心的武器。内置了 75 套 Skill 模板,覆盖了 9 种输出格式:
杂志文章 
PPT 演示文稿 
海报 
小红书卡片 
推文卡片 
网页原型 
数据报告 
Hyperframes
视频帧 
简历 
有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 5 张图

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 6 张图

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 7 张图

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 8 张图
每种格式下还有多种风格可选。比如 PPT 就有瑞士国际主义、杂志风、小红书粉彩风、赛博霓虹风等 20 种。

视频帧有液态背景 Hero、纽约时报风格数据图表、故障风标题卡、电影光效等 10 种。

从你写的内容到最终交付物之间的距离,被压缩到了一次 ⌘+Enter。零 API Key,直接复用你的 Coding Agenthtml-anything 不自己造 Agent。它的哲学是:你装的那个就够了。

启动时它会扫描你电脑的 PATH。这些 GUI 程序通常扫不到的目录。找到什么就用什么,Claude Code 也行,Cursor 也行,Codex 也行。

你之前用 claude login 或者 cursor login 登录过的会话,直接复用。不需要再配置一次 API Key,不需要多花一分钱。

一键导出,零二次排版这一条对做内容的人来说太关键了。

有人花 3 天做了个开源工具,一句话生成各种场景的 HTML。 - 第 9 张图
导出到微信公众号:CSS 自动内联,直接粘贴到编辑器里格式不乱。

导出到 X / 小红书 / 微博:自动渲染成 2x 高清 PNG,复制到剪贴板,直接贴到发布框。

导出到知乎:数学公式自动替换成知乎能渲染的格式。

还能直接下载独立的 .html 文件或者高清 .png 图片,分享给谁都行。

不需要二次排版,不需要在不同平台之间来回调格式。

【使用方法来了!】
三条命令:
git clone 立即下载

cd html-anythingp

npm install && pnpm dev

打开 立即下载 Coding Agent CLI。选一个模板,粘贴你的内容,按下 ⌘+Enter。然后你就能看到 AI 一行一行地把 HTML 渲染出来。SSE 流式传输,实时预览。不喜欢随时打断,换 prompt 重新来。Markdown 是草稿,HTML 才是给人看的最终形态。过去不选 HTML 是因为手写太麻烦,但在 Agent 时代,你不应该再手写 HTML 了,让 AI 来。

emer

emer

每天发现网络新鲜事

65039 文章
13 分类
9598.6k+ 访问

搜索

Zoomed Image