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

前文回顾,可以直接看我之前发的文章。

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

他已经不再写 Markdown 文件了,几乎所有东西都改成让 Claude Code 生成 HTML。

这篇文章在开发者圈子里炸了。

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

Open Design 团队花了 3 天、15000 行代码 ,做出了一个开源项目叫 html-anything。

就是把 Thariq 和 Karpathy 说的那套理念,做成了一款谁都能用的工具。

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

emmm,怎么说呢。

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

01

html-anything 是什么

一句话:你的本地 AI agent 帮你写 HTML,你直接发布。

它能接入你电脑上已经登录的 Coding Agent CLI,自动检测你装了哪些工具,然后复用你现有的会话。

你只需要粘贴内容,选一个模板,按下 ⌘+Enter,几秒钟就能拿到一份设计精美的 HTML 文件。

支持 8 种 Agent:Claude Code、Cursor、Codex、Gemini CLI、OpenCode等。

不需要额外的 API Key,你之前怎么登录的就怎么用,边际成本为 0。

arduino 复制代码
开源地址: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 程序通常扫不到的目录。

找到什么就用什么,Claude Code 也行,Cursor 也行,Codex 也行。

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

一键导出,零二次排版

这一条对做内容的人来说太关键了。

导出到微信公众号:CSS 自动内联,直接粘贴到编辑器里格式不乱。

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

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

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

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

03

如何使用

三行命令跑起来:

bash 复制代码
git clone https://github.com/nexu-io/html-anything
cd html-anythingp
npm install && pnpm dev

打开 http://localhost:3000,顶部的工具栏**会自动显示你电脑上装了哪些 Coding Agent CLI。**

选一个模板,粘贴你的内容,按下 ⌘+Enter。

然后你就能看到 AI 一行一行地把 HTML 渲染出来。SSE 流式传输,实时预览。

不喜欢随时打断,换 prompt 重新来。

Markdown 是草稿,HTML 才是给人看的最终形态。

过去不选 HTML 是因为手写太麻烦,但在 Agent 时代,你不应该再手写 HTML 了,让 AI 来。

相关推荐
大强同学2 小时前
零成本部署0penList,三步搞定,我一分钱没花!
github
IT摆渡者6 小时前
VM EXSI7.0存储硬盘故障处理
大数据·linux·github
Narrastory6 小时前
我用 Claude Code 写代码不到 2 小时,却花了 3 天做完这个软件—Vibe Coding 的正确姿势,是设计不是生成
前端·人工智能·github
AI Dog7 小时前
GitHub 项目整体替换与大文件处理指南
github
March.s7 小时前
Nginx 服务器反向代理实战指南
服务器·nginx·github
逛逛GitHub7 小时前
在 Codex 中用这 4 个 SKill,让你拍的照片变高级。
github
村雨遥7 小时前
覆盖提交不等于删除,这才是彻底清除 Git 历史的正确姿势
git·github
FlightYe8 小时前
linux系统编程(八):阻塞与非阻塞IO对比
android·linux·运维·服务器·github·vim
kaixin_啊啊8 小时前
GitHub 开源 Qwen-MM-Plugins 小白入门,给 Codex 装上多模态工具箱
开源·github
anyup9 小时前
【2026年8月】uView Pro 千星,还拿到了 GVP
前端·uni-app·github