工具集

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

HeyGen 官方 HyperFrames 技能集：让 agent 用 HTML、CSS 与动画写出可确定性渲染的 MP4 视频，含产品宣传片、讲解视频、字幕、配乐卡点等创作流程。需要 Node.js 22+ 与 FFmpeg。

HeyGen 官方的视频插件：用 HTML、CSS 与动画编排画面，渲染成确定性的 MP4，附产品宣传片、字幕、配音配乐、PR 讲解视频等创作流程技能。需 Node.js 22+ 与 FFmpeg。

用 HTML、CSS 与可逐帧定位的动画写视频，命令行预览并渲染成确定性的 MP4；附带产品发布视频、字幕、口播重剪等 agent 技能。HeyGen 官方维护，需要 Node.js 22+ 与 FFmpeg。

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

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

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

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

一句话让 agent 用 HTML 产出高保真可点击原型、可编辑幻灯片、时间轴动画（可导出 MP4/GIF）与信息图，先给三个设计方向再落地，附五维度设计评审。花叔出品，MIT 协议。

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

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

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