青色洋红色差偏移加CRT扫描线：75套HTML模板里有一套专门做故障艺术标题帧

前几天在 X 上刷到一条有意思的消息：Anthropic 的 Claude Code 团队宣布，他们内部文档不再写 Markdown 了，直接写 HTML。理由是：Markdown 是写给作者看的，HTML 才是给读者看的。

然后，一个叫 html-anything 的项目在 GitHub 上火了——已经拿到2500+ Star。

它能让本地 AI Agent 帮你写 HTML。不生成 Markdown 或 PPTX，直接输出纯静态的 HTML 文件。装好后你只需要做一件事：

做一份技术博客，暗色主题，要有代码示例和数据图表

AI 自动选模板、应用设计约束、输出完整 HTML 文件。

不提供AI，只做调度

说到实现方式，html-anything 不自带模型，也不卖 API Key。说白了就是调用你电脑上已经装好的 AI 工具。Claude Code、Cursor、Gemini CLI、Copilot……只要你之前用过并且登录过，它直接拿来用，不需要额外注册或付费。

75套精心设计的模板

自带75套精心设计的模板。每个模板都有严格约束：CJK 优先字体栈、8px 基线网格、对比度 ≥ 4.5、必须使用真实数据、禁止占位文本。这样做的好处就是确保输出契合专业规范。

覆盖9种常见场景：

Web 原型：能够用来制作落地页、定价页以及后台管理、技术博客这些页面。

演示文稿：有20套风格可以选用。包括瑞士国际主义风格——16列网格配一个主色调，克莱因蓝、柠檬绿随便挑，22种固定布局直接套；杂志和电子墨水风——10种布局搭配5套配色方案，墨水、靛蓝瓷、牛皮纸都有；还有小红书柔和风、爱马仕赛博霓虹风格、Replit 产品演示风格等。

生成视频：写完一键导出渲染成 MP4 视频。它提供了10个遵循 heygen-com/hyperframes 规范的帧脚本，交给 Remotion 就能渲染成 .mp4。包括 frame-glitch-title 故障艺术标题帧（青色/洋红色差偏移、CRT 扫描线、损坏数据字幕、段落 ASCII 噪声，赛博朋克专用）、frame-logo-outro 品牌 Logo 片尾帧（Logo 逐块组装+发光光晕、标语升起、CTA 出现）、vfx-text-cursor 光标打字特效（每个字符以品红×青色色差轨迹显现）。

社交卡片：像小红书、推特以及 Spotify 风格的配图都能够借助它来一键生成。

办公文档：日常办公要用到的周报、需求文档、财务报告等文档，都有相应模板。

此外还囊括了简历、数据报表等其它场景。

一键导出到多个平台

内容生成好了，接下来就是发布。html-anything 支持一键导出到多个主流平台，省去了手动排版的麻烦：

• 微信公众号：CSS 全部内联，粘贴进去直接用。
• X / 微博 / 小红书：自动渲染成2×高 DPI PNG，复制到剪贴板。
• 知乎：LaTeX 公式自动处理成图片占位符。

如果你之前也经历过同一份内容在不同平台重新排版的痛苦，这个功能就很实用。

流式渲染+沙箱预览

生成过程中的体验同样重要。html-anything 采用了 SSE 流式渲染技术，让你能实时看到 AI 的创作过程。能看到页面被 AI 画出来的过程，发现方向不对可以马上中断、重新提示，避免浪费生成资源，也让创作过程更可控。

安全上有考虑，不是只顾功能的粗放实现。所有生成的 HTML 都在沙箱 iframe 中进行预览，隔离本地存储和 Cookie。

如何使用

注意本地至少安装了一个支持的 AI CLI，比如 Claude Code，要能正常用。

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

浏览器打开 http://localhost:3000 就能看到入口界面。想看看每个模板长啥样，打开仓库里的 skills/ 目录，每个模板都有 example.html，双击就能看到效果。

注意事项

目前只能输出 HTML 和 PNG 格式。如果需要 PDF 或 PPTX 的话，得依靠浏览器打印或第三方工具来进行转换。另外修改内容需要通过 AI Agent 重新生成，没装过 AI CLI 的人上手门槛会偏高。

回到最初的话题——HTML 还是 Markdown？社区里争议挺大。有人觉得 Markdown 够用了，简单直接，版本控制友好；也有人觉得 HTML 才是正解，排版自由，所见即所得。两种观点都有道理，关键不在格式本身，而在于你所处的场景。写笔记、做文档 Markdown 就够了；跨平台发布、需要精细排版，HTML 的优势就出来了，尤其是现在 AI 能帮你写 HTML，格式门槛已经不是问题了。

项目基于 Apache-2.0 协议开放。

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