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

相关推荐
归故里8 小时前
harmony-next.skills 为 AI 而生!
前端·后端·github
右耳朵猫AI8 小时前
Github趋势榜 2026年第15周
github
米高梅狮子8 小时前
01.mysql的备份与恢复
运维·数据库·mysql·docker·容器·kubernetes·github
本地化文档9 小时前
rust-style-guide-l10n
rust·github·gitcode
Revio Lab9 小时前
如何在国内API方式接入 Claude Opus 4.7、GPT-5.5、GPT Image 2
gpt·github
猫猫与橙子9 小时前
ubuntu22.04(google浏览器)使用开发者边车(DEV-SIDECAR)的使用
github
ChampaignWolf9 小时前
Tabnine vs GitHub Copilot 2026: 隐私、定价、380 次补全实测
github·copilot
wAIxiSeu11 小时前
开源项目分享——Cube
开源·github
冴羽yayujs11 小时前
快速夯实 JavaScrilpt 基础的 33 个概念
前端·javascript·github·前端开发