前言¶
开发者经常需要把代码、思路或数据整理成文档，但 AI 生成的文本往往只是“能看”。若想排版美观、结构清晰，通常要自己写 HTML、找模板或用第三方工具。这多了一层学习成本和操作步骤。
html-summary-generator 是一个专门解决这个问题的 Skill。它内置了主题、动效和图表生成能力，用户只需输入内容，就能得到一份排版精致的 HTML 文档，省去手动排版和找模板的时间。
是什么¶
html-summary-generator 是一个基于 SKILL.md 格式的 Skill，由用户 @user_622dd231 在 SkillHub 上发布。它属于 office-efficiency 分类，当前版本为 1.0.2，来源为 community。
这个 Skill 的核心作用是：让 AI 把普通文本直接转成一份结构完整、样式精美的 HTML 文档，支持多种主题、背景动效、鼠标动效和边框样式，并支持导出 PDF。
核心功能¶
1. 主题与样式¶
Skill 内置 12 种主题，包括银河暗色系、莫兰迪柔和系、科技蓝、中国红、极简黑白等，覆盖不同使用场景。文档支持毛玻璃卡片效果、10 种边框样式以及色相轮调色，用户可在生成后实时拖拽调整主题色。
2. 动效¶
Skill 提供 5 种 SVG 背景动效，包括粒子飘散、星空闪烁、雪花纷飞、萤火虫微光等，让静态文档呈现动态效果。同时内置 9 种鼠标动效，提升阅读体验。
3. 图表与模板¶
SKILL.md 中内置了 SVG 图表生成指南，包括时间线、流程图、雷达图、对比卡片等，AI 可照着生成图表，无需额外工具。Skill 提供三种模板：
- 完整版：约 75KB，适合正式汇报、对外展示（含调色器）
- 精简版：约 15KB，适合日常笔记、内部文档（含动效）
- 静态版：约 10KB，适合极简输出、打印/PDF 友好
4. 导出¶
生成的 HTML 文档可直接导出为 PDF，方便打印或归档。
5. 部署方式¶
Skill 采用“公用版”设计，路径自动查找、主题色值内嵌、模板自文档化。解压到 skills 目录后，无需额外配置，可在任何机器上运行。
安装与启用¶
- 从 SkillHub 下载 Skill 包，解压到本地 AI 应用的 skills 目录（例如 Cursor 的 skills 目录）。
- 确认 SKILL.md 文件存在且路径正确。
- 在对话中触发 Skill 时，使用官方提供的触发词或自然语言描述，如“项目总结”“技术文档”“工作汇报”“教程”“数据报告”“对比分析”“流程文档”“会议纪要”“HTML 文档”“生成报告”“做个总结”“生成文档”“帮我做个汇报”等。
典型用法¶
在对话中输入需求，让 AI 调用 html-summary-generator 生成文档：
- “把刚才的代码整理成一份项目总结文档，用银河暗色系主题。”
- “把会议纪要转成精美的 HTML 文档，导出 PDF。”
- “写一份数据报告，包含对比卡片和雷达图，用科技蓝主题。”
AI 会根据 SKILL.md 中的指引生成对应的 HTML 文档，用户可直接保存或导出。
适用场景与注意¶
适用人群包括：
- 开发者：项目总结、技术文档、复盘报告
- 产品经理：需求文档、竞品分析、功能说明
- 数据分析师：数据报告、可视化展示
- 学生/研究者：论文笔记、实验报告、学习总结
注意：
- 需要确保本地环境能正确加载 SKILL.md 文件。
- 导出 PDF 时，建议使用浏览器或本地 PDF 工具进行最终输出。
总结¶
html-summary-generator 通过内置主题、动效、图表模板和导出能力，把“能看”的 AI 输出变成“好看”的文档。对于需要频繁制作报告、文档的用户，它能减少手动排版的时间，提升交付质量。
官方地址：https://api.skillhub.cn/user_622dd231/html-summary-generator
