HTML-Anything：75+ 模板覆盖 9 大场景的 HTML 创作工作台
标签: 开源项目 / 前端 / HTML / 模板 / AI 代理
原文: 微信公众号「前端之神」https://mp.weixin.qq.com/s/XP2mFmzF4NOEyFYRcpfpkg
GitHub: https://github.com/nexu-io/html-anything
核心亮点
不是普通 Markdown 转 HTML 工具，而是为 AI 代理时代量身打造的原生级 HTML 创作工作台。75 套专业模板、9 大场景全覆盖、全格式兼容、一键多平台导出。
为什么放弃 Markdown，拥抱原生 HTML？
| 维度 | Markdown | HTML Anything 生成的 HTML |
|---|---|---|
| 受众体验 | 排版受渲染器限制，千篇一律 | 自定义网格、配色、版式，自带设计感 |
| 多平台适配 | 发微信/知乎/小红书要反复改格式 | 一键导出，粘贴即用无需二次排版 |
| 视觉质感 | 截图发社交平台很简陋 | 自带精美版式，堪比设计师出品 |
就连 Anthropic Claude Code 团队都官宣：内部彻底弃用 Markdown，全员直接产出 HTML。
75 套专业模板，9 大场景全覆盖
内置 75 套精心打磨的技能模板，不用自己写 CSS、调布局：
| 场景 | 模板示例 |
|---|---|
| 📑 办公 | 会议纪要、OKR、财务报表、简历 |
| 🎬 演示 | 20 种风格 PPT（瑞士极简、国风藏式、小红书清新风） |
| 📱 社交 | 小红书卡片、推特海报、朋友圈配图 |
| 🖥️ 开发 | 网页原型、SaaS 落地页、数据仪表盘 |
| 🎞️ 视频 | Hyperframes 动态帧、故障风标题、3D 设备样机 |
每套模板都带现成 example.html，开箱即用，设计审美直接拉满。
全格式兼容，傻瓜式一键生成
支持多种内容输入格式：
- Markdown — 标准文本输入
- CSV / Excel — 表格数据直接导入
- JSON — 结构化数据
- SQL — 数据库查询结果
- 纯笔记 — 任意文本
浏览器本地解析，不上传服务器，隐私拉满。
按下 ⌘+Enter，AI 实时流式渲染，像看 AI 在线手写 HTML 一样，随时中断调整，不浪费生成成本。
一键多平台导出
| 平台 | 导出特性 |
|---|---|
| 微信公众号 | CSS 自动内联，粘贴即排版不乱 |
| 知乎 | 公式自动适配渲染，无需手动配图 |
| 小红书/推特 | 一键生成高清 PNG，直接复制发稿 |
| 本地下载 | 独立 HTML / 高清图片，随时存档分享 |
快速开始
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm dev
打开 localhost:3000，自动识别本地 AI 代理 → 选模板 → 粘内容 → 一键生成导出，全程零配置。
写在最后
HTML-Anything 解决了一个真实痛点：Markdown 是草稿，HTML 才是成品。
- 75+ 模板 覆盖办公、演示、社交、开发、视频等场景
- 全格式输入：Markdown、CSV、Excel、JSON、SQL 随便粘
- 多平台导出：微信、知乎、小红书、推特一键适配
- 浏览器本地处理，隐私安全
- AI 实时流式渲染，所见即所得
如果你经常需要在多个平台发布内容、做演示、做海报 —— HTML-Anything 值得一试。
本文整理自微信公众号「前端之神」，原文链接：https://mp.weixin.qq.com/s/XP2mFmzF4NOEyFYRcpfpkg
GitHub 项目地址：https://github.com/nexu-io/html-anything