工具集

把自然语言描述、Mermaid 或真实代码仓库转成可交互的单文件 HTML 图表，覆盖架构图、流程图、时序图、数据流与状态机，生成后自动校验，可导出 PNG/SVG。

生成自包含 HTML+SVG 的杂志风图表：架构图、流程图、时序图、泳道图、甘特图等数十种类型，可读取网站配色匹配品牌，支持导入 Mermaid、draw.io 与 Excalidraw 源文件重绘。

让 agent 生成单文件 HTML 交互式 playground：一侧是可视化控件，一侧是实时预览，底部输出可复制回 Claude 的提示词。内置设计调参、数据探索、概念图、文档批注、代码评审、代码架构图等模板。Anthropic 官方维护。

生成零依赖、带动效的 HTML 网页幻灯片：先给出几种视觉风格预览供挑选，也能把 PPT 转成网页版。适合不会写 CSS 的非设计师。

生成单文件 HTML 横向翻页演示稿，内置电子杂志风与瑞士国际主义两套视觉体系，带演讲者模式与讲稿备注，还能出 PPT 配图和多平台封面。歸藏出品。

把整个网页连同 CSS、图片、字体与脚本内嵌打包成单个 HTML 文件，离线也能原样打开，适合网页存档或交给 agent 离线分析。自身不执行 JavaScript，动态页面需先用无头浏览器预渲染。

把架构说明、diff 评审、计划审查、数据对比等内容生成自包含的 HTML 页面或幻灯片，支持 Mermaid 图与深浅色主题，替代终端里的 ASCII 图表。

用 HTML 与 CSS 排版并导出 PDF 的渲染引擎，支持分页等打印样式标准，适合批量生成统计报告、发票与票据。Python 实现，依赖系统的 Pango 库。

把任意代码项目做成用浏览器直接打开的交互式网页课程：真实代码配白话解释，附动画示意、术语悬停释义和情景小测验。主要帮不懂编程、靠 AI 写软件的人看懂代码，也可供培训老师做编程入门教材；只需 Claude Code 等 agent 和要讲解的代码仓库。

把 Markdown、Word 或 PDF 文章排成样式全内联、能直接粘进微信公众号编辑器的 HTML：自动编章节号、标关键词、处理代码块与图片。内置 6 套主题和主题生成器，另有脚本校验公众号的过滤规则。

根据主题、零散笔记或大纲生成带动画的网页演示文稿：先为这份演示定制配色、字体与版式，做出两页预览，等用户确认方向后再生成完整的单个 HTML 文件，附演讲者备注；也能在已有的 reveal.js 演示里增删或修改页面，可导出 PDF 或部署到 Surge、Vercel、Netlify。