Claude Skill

ryanbbrown/revealjs-skill

一个编码代理技能,让Claude能够从markdown生成交互式reveal.js演示文稿。非常适合自动化幻灯片创建的开发者。

概览

Stars364
Forks34
语言JavaScript
最后更新2026-05-02
最近同步2026-07-04
前往 GitHub

仓库信息

拥有者ryanbbrown
仓库revealjs-skill
完整名称ryanbbrown/revealjs-skill
Repo ID1,107,231,862

安装这个 Skill

npm install --prefix ~/.claude/plugins/cache/revealjs

Registry 信息

类型claude_skill
质量分80/100
验证状态readme_parsed
最近验证2026-06-14
平台
Claude
能力
browserpdfimageterminalworkflow
识别文件
README.mdexamplespackage.json
配置键
PACKAGE_JSON
安装方式
  • npm install --prefix ~/.claude/plugins/cache/revealjs
  • npm 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

话题

暂无话题

探索更多

数据来自 GitHub,同步时间:2026-07-04