revealjs-skill
用自然语言指令生成专业的Reveal.js幻灯片
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：revealjs-skill。 它的用途是：用自然语言指令生成专业的Reveal.js幻灯片 完整的 Skill 内容见：https://321skill.com/skills/revealjs-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“创建一个5页的SaaS产品启动宣传稿，需要包含市场分析、产品功能、团队介绍和融资计划，使用蓝色主题并加入一些图表。”，它会首先规划幻灯片结构，然后选择匹配的配色和布局，自动生成包含图表、图标和过渡动画的HTML演示文件，并检查每页内容是否显示正常。
介绍
revealjs-skill 解决了用户需要快速制作专业、美观的HTML演示文稿，但又不想手动编写复杂代码或依赖传统PPT软件的痛点。用户只需用自然语言向AI描述需求（如“创建一个关于可再生能源趋势的10页幻灯片”），该Skill便会自动规划结构、选择配色主题、生成包含多列布局、图表、图标和动画的完整Reveal.js HTML文件，无需任何构建步骤，在浏览器中打开即可演示或导出PDF。
它非常适合需要频繁制作技术分享、产品推介、业务复盘或教学材料的开发者、产品经理、咨询顾问和教师。对于开发者而言，它省去了搭建Reveal.js环境和编写样式的繁琐过程；对于非技术背景的用户，则提供了接近PPT的易用性，同时能产出更具设计感和交互性的网页版演示文稿。
与同类AI生成PPT的工具相比，revealjs-skill的核心区别在于其深度集成与专业性。它并非简单调用一个通用API，而是专门为Reveal.js框架定制的Skill，内置了专业的CSS主题、布局组件和自动化工作流（如内容溢出检测、浏览器内编辑）。与一些生成静态图片式幻灯片的工具不同，它生成的是功能完整的、可交互的网页应用，支持演讲者备注、丰富的动画过渡和实时数据可视化（Chart.js）。
此外，其独特的“浏览器内编辑”功能允许用户在生成的HTML文件中直接点击文本进行修改并保存，结合其针对PDF导出和视觉问题检查的优化（如使用特定分叉的DeckTape工具），使其在生成后的微调和最终交付环节也具备显著优势，形成了一个从创意到成品的完整、高效工作流。
核心特点
深度专精于Reveal.js框架，提供从生成、视觉检查到浏览器内直接编辑的完整工作流，并针对专业演示的PDF导出和图表渲染进行了专门优化。
注意事项
不适合需要高度定制化、复杂交互逻辑或完全离线（无Node.js环境）使用的场景。
常见问题
revealjs-skill 和直接用 ChatGPT 生成 PPT 有什么区别？
它专为Reveal.js优化，能生成可直接运行、带专业主题和交互的HTML文件，并提供了溢出检查、浏览器编辑等后续处理工具，而不仅仅是生成文本或代码片段。
需要会编程才能使用吗？
不需要。核心使用方式是用自然语言描述需求，AI生成成品。但安装环节需要运行简单的命令行指令。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/revealjs-skill/raw/index.md 读取 revealjs-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/revealjs-skill/raw/index.md（查看排版版本）