Claude Skill
ryanbbrown/revealjs-skill
一个编码代理技能,让Claude能够从markdown生成交互式reveal.js演示文稿。非常适合自动化幻灯片创建的开发者。
概览
仓库信息
安装这个 Skill
npm install --prefix ~/.claude/plugins/cache/revealjsRegistry 信息
npm install --prefix ~/.claude/plugins/cache/revealjsnpm install
项目简介
一个编码代理技能,让Claude能够直接使用markdown内容创建基于reveal.js的交互式网页演示文稿。
Coding agent skill for making reveal.js presentations
要点
- 从markdown生成reveal.js演示文稿
- 支持交互式幻灯片元素和过渡效果
- 专为编码代理设计的轻量级技能
- 输出独立的HTML文件,便于分享
使用场景
- 快速创建技术演讲的幻灯片组
- 生成交互式培训材料
- 使用markdown原型化演示布局
- 在CI/CD流水线中自动化创建演示文稿
README 摘要
# revealjs-skill A coding agent skill for creating polished, professional [Reveal.js](https://revealjs.com/) HTML presentations using natural language. **[View Example Presentation](https://ryanbbrown.com/revealjs-skill/examples/revealjs/presentation.html)** Allows for: - Professional themes and color palettes - Multi-column layouts - Callout boxes and styled components - Chart.js integration for data visualization - Font Awesome icons - Speaker notes - Animations and transitions - Custom CSS styling No build step required - just open the generated HTML in a browser. Can also be exported as a PDF. ## Installation ### Plugin (recommended) Add the marketplace and install the plugin from within Claude Code: ``` /plugin marketplace add ryanbbrown/revealjs-skill /plugin install revealjs@revealjs-skill ``` Then install dependencies (needed for overflow checking and PDF export): ```bash npm install --prefix ~/.claude/plugins/cache/revealjs ``` ### Manual Alternatively, copy the `skills/revealjs` folder to your Claude Code skills directory: ```bash # User-level installation (available in all projects) cp -r skills/revealjs ~/.claude/skills/ # Or project-level installation cp -r skills/revealjs .claude/skills/ ``` Install dependencies (needed for overflow checking and PDF export): ```bash npm install ``` ### Dependencies - **[Playwright](https://playwright.dev/)** - Browser automation for overflow detection - **[DeckTape](https://github.com/astefanutti/decktape)** - PDF export and slide screenshots (using a [fork](https://github.com/ryanbbrown/decktape) that adds `--slides` flag for capturing specific slides, enabling faster iteration when fixing visual issues) - **[Cheerio](https://cheerio.js.org/)** - HTML parsing to validate generated Chart.js ## Usage On
话题
暂无话题