HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

好的,这是根据您的要求深度重写后的文章:

前情提要可以回顾我之前的文章。核心事件是,Claude Code 的工程师在 X 平台上发表了一篇文章,其核心观点可以浓缩为一句话:HTML is the new markdown。他表示自己已经不再编写 Markdown 文件,几乎所有工作都改为让 Claude Code 直接生成 HTML。

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

这篇文章在开发者群体中引发了轩然大波。

支持与反对的声音此起彼伏。就在这场讨论如火如荼之时,有人已经付诸行动。

Open Design 团队仅用了 3 天时间,敲下了 15000 行代码,打造了一个名为 html-anything 的开源项目

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

它的目标,就是将 Thariq 和 Karpathy 所倡导的理念,转化为一个任何人都能轻松上手的工具。

X 上已经涌现出大量用户的作品展示。

嗯,怎么说呢,效果确实很惊艳。

Thariq 之前不是说过吗,根本不需要搞什么复杂的配置或技能。

01

html-anything 究竟是什么

一句话概括:让你的本地 AI agent 替你写 HTML,而你只需要负责发布。

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

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

你只需粘贴内容、挑选一个模板,然后按下 ⌘+Enter,几秒钟之内,一份设计精美的 HTML 文件就能呈现在你面前。

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

无需额外的 API Key,你之前怎么登录的,它就怎么用,边际成本几乎为零。

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

  • 开源地址:https://github.com/nexu-io/html-anything

02

三大令人眼前一亮的特性

75 套模板,9 种输出格式

这是 html-anything 最核心的竞争力。它内置了 75 套 Skill 模板,覆盖了 9 种不同的输出格式:

  • 杂志文章
  • PPT 演示文稿
  • 海报
  • 小红书卡片
  • 推文卡片
  • 网页原型
  • 数据报告
  • Hyperframes 视频帧
  • 简历

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

每种输出格式下,还提供了多种风格供你选择。

例如,PPT 模板就包含了瑞士国际主义、杂志风、小红书粉彩风、赛博霓虹风等 20 种不同风格。

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

从你的原始内容到最终交付物之间的距离,被压缩到了一次 ⌘+Enter 的操作。

零 API Key,直接复用你的 Coding Agent

html-anything 没有自己造一个 Agent 轮子。它的哲学是:你电脑上装的那个就是最好的。

启动时,它会扫描你电脑的 PATH 路径,这些路径通常是 GUI 程序无法直接扫描到的。

找到什么 Agent 就用什么,无论是 Claude Code、Cursor 还是 Codex,都能无缝使用。

你之前用 claude logincursor login 登录过的会话,它可以直接复用。你不需要再配置一次 API Key,也不需要多花一分钱。

一键导出,告别二次排版

对于内容创作者来说,这一点至关重要。

HTML取代Markdown?这个开源项目3天15000行代码,让AI替你写HTML

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

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

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

此外,你还可以直接下载独立的 .html 文件或高清 .png 图片,方便分享给任何人。

从此告别二次排版,再也不用在不同平台之间来回调整格式了。

03

如何使用

只需三行命令即可启动:

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install && pnpm dev

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

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

接下来,你就能看到 AI 一行一行地将 HTML 渲染出来。它采用 SSE 流式传输,支持实时预览。

如果对生成的效果不满意,可以随时打断,更换提示词重新生成。

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

过去不选择 HTML,是因为手写太麻烦。但在 Agent 时代,你不再需要手写 HTML 了,把这件事交给 AI 来做吧。


关注“鲸栖”小程序,掌握最新AI资讯

本文来自网络搜集,不代表鲸林向海立场,如有侵权,联系删除。转载请注明出处:https://www.itsolotime.com/archives/35427

(0)
上一篇 2小时前
下一篇 2小时前

相关推荐

  • 5个必看的Claude Skills开源项目:模块化AI能力扩展实战指南

    Claude Skills:模块化AI能力扩展机制 Anthropic推出的Claude Skills是一种模块化能力扩展机制。通过它,用户无需每次都为AI重复解释特定任务的要求。 你可以将希望Claude掌握的经验或流程编写到一个 Skill.md 文件中。该文件本质上是一份详细的指令说明书、可执行脚本或资源集合,专门用于完成某项特定任务。例如,你可以创建…

    2025年11月23日
    47600
  • 三大开源神器:小红书数据采集、智能PPT生成、代码驱动视频制作

    小红书采集神器 Spider_XHS 是一个在 GitHub 上已获得超过 3000 Star 的小红书数据采集与运营工具。它不仅仅是一个爬虫,更提供了一套完整的小红书全域运营解决方案。 该项目支持多维度数据抓取,可将结果保存为 Excel 表格或直接下载多媒体文件。 采集用户所有笔记至本地 该工具能够自动下载用户的所有笔记,并按统一格式保存到本地文件夹。每…

    2025年11月30日
    93300
  • Kimi K2 Thinking开源引爆AI界:超越GPT-5的300步工具调用模型实战指南

    Kimi 最近开源了其思考模型:Kimi K2 Thinking。根据官方介绍,该模型具备“边思考,边使用工具”的能力,能够自主执行高达 300 步的工具调用流程,以解决复杂问题。在被称为“人类终极考试”的高难度推理与通用智力测试中,其表现超越了 GPT-5,达到了当前的最先进水平。 若想在 Kimi 官网体验此能力,可直接在 kimi.com 开启“长思考…

    2025年11月17日
    79200
  • Context Mode:开源神器为AI开发节省98%上下文token,让工具调用不再“吃掉”你的工作空间

    在使用 Claude Code 的 MCP 工具时,你是否遇到过上下文窗口被快速消耗的问题?例如,一个 Playwright 快照会消耗 56KB,20 个 GitHub 问题消耗 59KB,500 条访问日志消耗 45KB。短短 30 分钟,高达 40% 的上下文空间就可能被占用。 针对这一问题,有开发者提出了一个名为 Context Mode 的开源解决…

    2026年3月2日
    96700
  • 11月GitHub开源项目盘点:从AI代码助手到隐私优先工具,这些YYDS项目值得关注

    01 Cursor VIP 免费续杯 这个开源项目已获得超过 44K Star。它能够绕过 Cursor AI 代码编辑器的免费试用限制,通过技术手段重置机器码,从而让用户能够持续使用其免费额度或 Pro 功能。 其核心原理是通过脚本自动化修改系统中的特定标识符(如 Machine ID),使 Cursor 服务器将当前设备识别为一台新机器,从而重置试用计数…

    2025年12月2日
    42800