本地编辑器 · 模板排版 · 按格式交付

HTML Anything

从现成内容到可检查的 HTML 成品

把文章、数据和提纲交给已配置的编码 CLI，在本地预览文章页、演示稿和分享卡片，再按用途导出。

作者 nexu-io

安装与上手查看 GitHub
HTML Anything 作者截图，展示模板搜索、分类列表和瑞士国际主义 Deck 示例预览。查看原图

左侧任务、模板选择器与右侧演示预览同屏。选择模板和载入作者示例是不同操作；用自己的材料时先确认当前任务内容。

作者原图

原图来自作者仓库，未经本站重绘或运行复现。截图仍显示旧数量 75；本页的 81 个模板来自所核固定源码。截图中的宣传语和演示数字不作为当前能力或业务成果的证明。

作者列出的使用环境

  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
GitHub Star
9,304
版本
0.1.0
资料核对
分类
设计与视频文档与幻灯片写作与研究

先用一篇短文章走完生成、下载和粘贴

先确认本机 CLI 能工作，再用“杂志文章 / Magazine Article”生成一篇容易逐段比对的文章。下载 HTML 并在公众号草稿中检查排版之后，再扩展到表格和多页演示。

选一个任务，开始使用

先新建空白任务，按下文的界面名称搜索并选择模板，再把提示词与真实材料一起粘贴到左侧编辑区。括号里的目录 ID 用于对应源码，不是模板搜索词。导出与目标平台检查由你在界面中完成。

按交付形式选择任务

首次使用路径：准备短 Markdown 和真实署名；启动应用，选择已登录的 Claude Code 或 Codex、default 模型，并新建空白任务。搜索 Magazine Article，点击“杂志文章 / Magazine Article”名称行（article-magazine），再把下面要求与正文一起贴入左侧，点击 Convert to HTML。

  1. 启动本地编辑器

    这是本地应用。先准备 Node.js、pnpm 与已登录的编码 CLI，再按首项任务启动；复制一个 SKILL.md 不能代替运行环境。

    git clone https://github.com/nexu-io/html-anything.git
cd html-anything
git checkout 975fb3bcb98f1777781fb4c738902d36e32c8c46
pnpm install
pnpm -F @html-anything/next dev
    查看作者源码与安装说明

    启动后先确认选择的是可运行的 CLI

    执行首次任务中的命令后，打开 http://localhost:3000，选择已登录的 CLI 与 default 模型。未检出 CLI 时，先确认启动应用的终端能找到它，再在设置中重新扫描；自定义路径输入框只对已检出并选中的 CLI 显示。源码有 20 个检测项、13 个可调用适配器，另 7 个协议入口尚未实现；installed 标签不代表认证或生成成功。应用会调用本机进程，按本地自用方式运行，不把编辑后端当作普通静态页公开部署。

    查看 CLI 调用实现

  2. 把这段话发给 AI

    这是编辑后的任务示例。方括号需替换成真实材料；生成结果与导出文件都要检查，文中未声称本站运行过模型生成。

    请把下方已定稿内容排成杂志式 HTML 文章。保留全部正文、标题层级、引用、链接与图片说明，不改事实，不补写作者、日期、阅读时长或原文没有的数据。没有题图时用文字排版，不找占位图。 读者：[目标读者]；页面标题：[标题]；署名与日期：[有则填写，没有则省略]；品牌主色：[颜色]。以正文阅读为主，宽屏保持合理行宽，390px 手机宽度无需横向滚动；长链接可换行，宽表格在自己的容器内滚动。 输出完整 HTML；不要添加“原文内容”这类说明标签，不返回 Markdown 围栏。保留来源链接，外部字体与图片加载失败时仍能阅读正文。不要把复制到公众号当作已发布。 以下是唯一正文材料： [在此粘贴完整 Markdown]

  3. 检查你拿到的结果

    • 右侧出现与本次输入对应的完整文章；逐段核对开头、结尾、引用和链接，不能把自动出现的模板示例当成本次生成结果。
    • 先下载 HTML 留档，再在导出菜单选择 WeChat，粘贴到公众号草稿；在目标编辑器复核标题、表格、图片、链接和手机预览后再自行发布。
    • 若日志显示失败或输入被截断，先解决认证、额度或篇幅问题；本地浏览器中排得好不代表粘贴后完全相同。
    查看这项任务的作者说明
进一步了解这个 Skill

HTML Anything 是 nexu-io 的本地网页编辑器，内置一组 SKILL.md 排版模板。左侧放 Markdown、表格或文本，选择目标形式，再由本机可用的编码 CLI 生成右侧 HTML。它适合内容已经准备好、希望改善阅读与交付形式的人；模板负责版式约定，内容准确性仍要回到输入核对。

本次固定源码包含 81 个内置模板，覆盖文章、演示稿、卡片、数据报告、简历和视频画面等。模板选择器可以看作者示例，随后把自己的内容放入新任务。预览在尚无生成结果时也可能显示示例，因此“已经看到漂亮页面”不代表当前材料已经处理完成。

生成后要按用途选交付。公众号和知乎入口把内容复制到剪贴板；PNG 是图片；演示稿可进一步导出逐页图片、打印 PDF 或图片式 PPTX。视频入口导出 Remotion 项目包，仍需后续渲染。下面四条路径分别说明准备什么、在哪里操作，以及怎样判断结果能用。

来源与核验

资料核对

按 2026-10-30 读取的 975fb3b 源码、模板、导出实现及作者截图整理。0.1.0 是工作区包版本；未实际安装应用、调用模型或测试第三方平台粘贴。

作者说明作者 README模板读取方式实际导出菜单Apache-2.0 许可

继续了解相关技能

根据任务方向继续选择。

歸藏网页 PPT把文章、大纲和产品资料做成浏览器翻页的 HTML 演示，配齐讲述备注、排练与封面。Frontend Slides先比较三种风格预览，再把大纲、图片或 PPTX 做成可播放、可改字的 16:9 HTML 幻灯。Remotion 官方技能12 个官方入口覆盖建工程、动画、字幕、地图和导出，把 React 视频做成可验收的工程。Baoyu Design五个设计入口：baoyu-design 推进界面方案与交付，claude-design 在画布里改字、调样式和比较。