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

相关推荐
YuePeng13 小时前
写了五年注解的低代码框架,2.0 决定让你连注解都不用写了
github·产品
小白ai14 小时前
从"能 ping 通吗"到"为什么上不了网"——我写了一个网络故障诊断引擎
github
徐小夕16 小时前
jitword 协同文档3.2发布:打造浏览器中最强word编辑器
前端·架构·github
齐翊17 小时前
分享一个在 Claude Code 里 [同时] 用多个 ApiKey 的方法
程序员·github·agent
A_Lonely_Cat18 小时前
记一次 GitHub 幽灵协作者大清洗:强制重写 Git 历史与穿透 CDN 缓存实践
git·github
极光技术熊1 天前
Spring AI 从入门到精通:构建你的 AI 开发知识体系
后端·github
用户39483951075531 天前
怎么让我的 Agent 真正"懂"我?——关于记忆、经验学习与预测的一些真实体验
github
远航_2 天前
git submodule
前端·后端·github
fthux2 天前
如果你用 Mac,那你可能需要 Noti Shift
macos·开源·github
程序员天天困2 天前
Loop Engineering 实战:/goal 命令让 AI 自己写完整项目
github