工具集

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

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

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

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

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

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

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

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

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