revealjs-skill について
Reveal.jsでビルドツール不要の単体HTMLプレゼンテーションを生成するスキルです。ブラウザー向けのスライド作成に使え、テーマ、グラフ、発表者ノート、アニメーション、PDF出力に対応します。
主な機能
- 01単体HTMLプレゼンテーション
- 02テーマと複数列レイアウト
- 03Chart.jsのデータ可視化
- 04発表者ノート
- 05段階的なアニメーションとPDF出力
活用シーン
- 01ブラウザー表示用プレゼンテーションの作成
- 02スライドへのデータ可視化の追加
- 03プレゼンテーションのPDF出力
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/revealjs-skillを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
revealjs-skill
カタログの概要です。完全なパッケージはこちらです：ryanbbrown/revealjs-skill
判断フロー
-
パッケージはすでにインストールされていますか？ 確認してください：
~/.design-agent-skills/skills/revealjs-skill/SKILL.mdが存在するかどうかです。- はい →
revealjs-skillを呼び出して続行します - いいえ → ステップ 2 に進みます
- はい →
-
シェルにアクセスできますか？
- はい → 下記のインストールコマンドを実行してから、スキルを呼び出します
- いいえ → インストールコマンドを表示します。Claude Code では、
!で始まるチャットメッセージとして送信します。グローバルインストールには-gを追加し、プロジェクトのみにインストールする場合は省略します
インストールコマンド
/plugin marketplace add ryanbbrown/revealjs-skill
インストール後の呼び出し
- スキル名：
revealjs-skill - トリガーフレーズ：「Reveal.js」、「revealjs-skill」、「Reveal presentation」、「ryanbbrown slides」
機能
ビルドツール不要のスタンドアロン HTML ファイルとして、プロフェッショナルな Reveal.js プレゼンテーションを生成します。テーマに沿ったデザイン、複数列のスライドレイアウト、Chart.js によるデータ可視化の埋め込み、プレゼンターモード用のスピーカーノート、段階的な表示アニメーション、Reveal の印刷用スタイルシートを使ったワンコマンドの PDF エクスポートに対応しています。インタラクティブで、ブラウザーで表示するビジュアル重視のプレゼンテーションに最適です。
使用しない場合
- Marp の Markdown 出力には、代わりに marp-slides を使用してください
- Slidev/Vue コンポーネントのプレゼンテーションには、代わりに slidev-skill を使用してください
- PowerPoint/PPTX へのエクスポートには、代わりに guizang-ppt を使用してください
- 既存の Marp デッキの品質評価には、代わりに marp-slide-quality を使用してください
コメント
Markdown 対応