Repolode
nexu-io

nexu-io/html-anything

本地优先的 HTML 编辑器,借助已安装的编码 Agent CLI 把 Markdown、表格或笔记生成为单文件网页、幻灯片和海报。

可替代:Canva

Star
9,441
Fork
904
未关闭 Issue
65
最近提交
24小时前

这是什么?

HTML Anything 是一款借助本地 AI 编码 Agent 把 Markdown、CSV、JSON、SQL 或纯文本笔记直接生成 HTML 的编辑器。它会扫描 PATH 中已安装的 Claude Code、Codex、Gemini CLI、Cursor Agent、Copilot CLI、OpenCode、Qwen Coder、Aider 等 CLI,并复用已登录的会话,无需单独配置 API Key。

生成过程由 75 个技能模板驱动,覆盖杂志文章、演示幻灯片、简历、海报、小红书与推文卡片、网页原型、数据报告和 Hyperframes 视频帧等 9 种输出形式。结果会以流式方式显示在沙箱 iframe 中,可一键复制带内联样式的内容到微信或知乎,或导出为 .html 与 .png 文件。

项目基于 Next.js 16 与 React 19 构建,采用 Apache-2.0 协议的 pnpm 工作区。新增技能只需添加一个包含 SKILL.md 与 example.html 的文件夹。

核心功能

  • 01自动检测 PATH 中已安装的编码 Agent CLI,并复用其已有登录会话
  • 02提供 75 个技能模板,覆盖从幻灯片到 Hyperframes 视频帧的 9 种输出形式
  • 03生成的 HTML 实时流式显示在沙箱 iframe 预览中
  • 04支持带内联 CSS 的微信、知乎导出,图片形式复制到 X,以及 .html 和 .png 下载
  • 05CSV、Excel、JSON、SQL 等表格数据在浏览器中解析,不会上传

适用场景

  • 把 Markdown 草稿转成带排版的微信公众号文章或知乎回答
  • 基于原始笔记快速生成幻灯片或单页海报
  • 把 CSV 或表格导出数据生成可视化数据报告
  • 制作小红书或推文风格的图文卡片

快速上手

  1. 1

    克隆仓库

  2. 2

    使用 pnpm 安装依赖

  3. 3

    启动本地开发服务

    pnpm -F @html-anything/next dev

使用前须知

  • 需要已安装并登录至少一个受支持的编程智能体 CLI(如 Claude Code 或 Codex)。
  • 基于 pnpm 工作区的 Next.js 项目,需在本地运行,并非打包好的应用。

收录于专题

标签

常见问题

html-anything 是什么?
本地优先的 HTML 编辑器,借助已安装的编码 Agent CLI 把 Markdown、表格或笔记生成为单文件网页、幻灯片和海报。 HTML Anything 是一款借助本地 AI 编码 Agent 把 Markdown、CSV、JSON、SQL 或纯文本笔记直接生成 HTML 的编辑器。它会扫描 PATH 中已安装的 Claude Code、Codex、Gemini CLI、Cursor Agent、Copilot CLI、OpenCode、Qwen Coder、Aider 等 CLI,并复用已登录的会话,无需单独配置 API Key。
html-anything 可以免费使用吗?用的什么许可证?
html-anything 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
html-anything 还在维护吗?
活跃维护中。html-anything 最近一次提交是在 2026年11月6日。
html-anything 适合用来做什么?
把 Markdown 草稿转成带排版的微信公众号文章或知乎回答 基于原始笔记快速生成幻灯片或单页海报 把 CSV 或表格导出数据生成可视化数据报告 制作小红书或推文风格的图文卡片
html-anything 怎么安装和运行?
克隆仓库 使用 pnpm 安装依赖 启动本地开发服务: pnpm -F @html-anything/next dev
在哪里获取 html-anything?
源代码和安装说明在 GitHub 上:https://github.com/nexu-io/html-anything

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目