有人花 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 来。

相关推荐
用户202252215062 小时前
我在 DSH 做了个 AI 交付验收台:没有证据,就不算通过
github
前端市界2 小时前
Pro React Admin: 统一工程底座,承载多种应用...
前端·github
穆梓兰煊7 小时前
Rust 重写 AI 基础设施的工程逻辑
github
邱杰4707 小时前
数智人事系统(三):Spring Boot 3.4 骨架与配置分层
github
空空dream9 小时前
Github | 初始化空白仓库到首次推送
github
高频因子挖掘机10 小时前
A股分钟K线数据占内存:先缩小请求范围,还是换 DataFrame 工具?
后端·github·api
miofly11 小时前
Karpathy:75%人口未接触LLM,约5000人可用的内部系统已让数千智能体协作数周
开源·github
zjh102412 小时前
和 AI 一起写了个 MCP 客户端,结果最难的不是协议
github
溪语流沙12 小时前
【Web全栈进阶】OAuth实战——GitHub第三方登录
前端·python·github