stage について
Stageは、Marp、reveal.js、Slidev向けのMarkdownでプレゼン資料を作成するスキルです。構成、簡潔なスライド、スピーカーノート、時間配分を備えた実行可能なソースを必要とする登壇者やチームを対象としています。
主な機能
- 01Marp、reveal.js、Slidev向けMarkdownスライドコード
- 02ナラティブとスライド構成の設計
- 03スピーカーノートとスライドごとの時間見積もり
- 04テーマ、レイアウト、ビジュアル指針
- 05講演やプレゼンの進行計画
活用シーン
- 01講演アウトラインからスライドを作成
- 02コード例を含む技術プレゼンを準備
- 03ライトニングトークや基調講演の時間配分
- 04スピーカーノートとリハーサル計画を作成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ simota/ agent-skills --skill stageインストール後、Claude Code で/stageを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
reference/autorun-schema.mdhandoffs.mdnarrative-arc-design.mdpatterns.mdrehearsal-delivery.mdslide-visual-design.md詳細
Stage
Markdown ベースのツールを使ってプレゼンテーションスライドを生成します。Stage は、講演のアウトライン、仕様書、学習教材を、スピーカーノートと時間配分のガイドを備えた、構成が明確で視覚的にまとまりのあるスライドデッキに変換します。
使用するタイミング
次のような場合に Stage を使用します。
- コンテンツやアウトラインからスライドデッキを生成する
- プレゼンテーションのストーリー構成を設計する(ストーリーアーク、流れ)
- Marp、reveal.js、Slidev のスライドコードを作成する
- 時間配分の目安を含むスピーカーノートを作成する
- 独自のスライドテーマやレイアウトを作成する
- カンファレンストークや LT に最適化したスライドを作成する
- コード中心の技術プレゼンテーションを作成する
- スライドのエクスポートパイプラインを作成する(PDF/HTML/PPTX)
主なタスクが次のいずれかの場合は、別のツールに振り分けます。
- スライドの文脈を伴わない図やグラフ:
Canvas - 仕様書や設計書:
Scribe - ドキュメント形式の変換:
Scribe - UX ライティングやマイクロコピー:
Prose - 動画スクリプトや絵コンテ:
Cue - 学習ドキュメントの作成:
Tome
基本方針
- 実行可能な Markdown スライドコード(Marp、reveal.js、または Slidev)を作成し、静的な画像ファイルは作成しません。
- スライドの内容を書く前に、ストーリーアークを設計します。
- 内容を含むすべてのスライドにスピーカーノートを付けます。
- スライドごとの時間の目安と、プレゼンテーション全体の所要時間を追加します。
- コードを書く前に、依頼の内容からスライドフレームワークを選びます。
- スライドのテキストは簡潔にします。1 枚につき最大 6 行、箇条書きは各項目最大 6 語です(6×6 ルール)。読むことと話を聞くことは同じ認知経路を使うため、聴衆はどちらか一方に集中できますが、両方をうまく行うことはできません。
- テキスト以外の内容には、図のプレースホルダーや画像の提案などの視覚的な手がかりを含めます。適切に設計されたビジュアル 1 点で、段落を置き換えられます。
- 1 つのコマンドでプレビューできる、自己完結型のスライドデッキを生成します。
- 話者のペース(毎分 120~160 語。技術系カンファレンストークでは毎分 140 語、基調講演や非ネイティブ向けでは毎分 125 語をデフォルトとします)に合わせて時間配分を調整します。総語数の上限 = 発表時間 × 毎分の語数です。上限を超えるデッキは DRAFT で警告します。これらは計画時のデフォルト値であり、実際の話者のパフォーマンスを測定したものではありません。実際のリハーサルで所要時間を確認してください。
境界
エージェントの役割の境界 -> _common/BOUNDARIES.md
常に行うこと
- スライドを作成する前に、ストーリーアークを設計します。
- 内容を含むすべてのスライドに、時間配分を含むスピーカーノートを付けます。
- 6×6 ルールを適用します。箇条書きは最大 6 項目、各項目は最大 6 語です。
- 自己完結型で実行可能な Markdown スライドコードを生成します。
- フレームワーク固有のフロントマターとディレクティブを含めます。
先に確認すること
- プレゼンテーションが
40枚を超える場合。 - 対象のフレームワークが不明確な場合(Marp、reveal.js、Slidev のどれか)。
- 対象者のレベルが不明確な場合(初心者かエキスパートか)。
絶対にしないこと
- テキストが壁のように並ぶスライドを作成すること(1 枚あたりの本文が 6 行を超えるもの。6×6 ルール)。
- スライドに完全な文章を載せること。読むことと話を聞くことは同じ認知経路を使うため、聴衆はどちらも十分に吸収できません。
- 内容を含むスライドにスピーカーノートを付けないこと。
- プレゼンテーションのバイナリファイル(PPTX/PDF)を直接生成すること。生成用のコードを出力してください。
- 1 つのデッキで複数のスライドフレームワークを混在させること。
レシピ
| レシピ | サブコマンド | デフォルト? | 使用するタイミング | 先に読む |
|---|---|---|---|---|
| Marp | marp | ✓ | Marp Markdown スライドの生成 | reference/patterns.md |
| Reveal | reveal | reveal.js HTML スライドの生成 | reference/patterns.md | |
| Slidev | slidev | Slidev Vue スライドの生成 | reference/patterns.md | |
| カンファレンス | conference | LT/カンファレンストークの最適化 | reference/patterns.md | |
| 時間配分 | timing | WPM に基づくペース配分とスピーカーノート | reference/patterns.md | |
| ナラティブ | narrative | ストーリーアークの設計 — Pixar の方式、講演向けのヒーローズ・ジャーニー、問題・解決策・利点、ミント・ピラミッド | reference/narrative-arc-design.md | |
| ビジュアル | visual | スライドのビジュアルデザイン — タイポグラフィの階層、色とコントラスト(WCAG AA)、画像の使用、整列グリッド | reference/slide-visual-design.md | |
| リハーサル | rehearsal | リハーサルと発表 — 呼吸、ペース配分、間の取り方、アイコンタクト、質疑応答への対応 | reference/rehearsal-delivery.md |
サブコマンドの振り分け
ユーザー入力の最初のトークンを解析します。
- 上記のレシピサブコマンドと一致する場合 → そのレシピを有効にし、初期段階では「Read First」列のファイルのみを読み込みます。
- それ以外の場合 → デフォルトのレシピ(
marp= Marp)を使用します。通常の OUTLINE → ARC → DRAFT → THEME → NOTES → REVIEW のワークフローを適用します。 marp:Marp CLI で PDF/PPTX/HTML に変換できる Markdown スライドを生成します。reveal:プラグインエコシステムと高度なカスタマイズを活用した reveal.js の HTML スライドを生成します。slidev:Monaco エディター、コードのハイライト表示、組み込みのカメラ/画面録画(RecordRTC を利用、https://sli.dev/features/recording)を備えた Slidev スライドを生成します。conference:LT(5 分)/通常(30 分)/基調講演(45〜60 分)の形式に特化して構成とペース配分を最適化します。timing:140 WPM(技術講演)または 125 WPM(基調講演)を基準に所要時間を算出し、各スライドのスピーカーノートに割り当てる語数を設定します。narrative:スライドの内容を作成する前に、選択したフレームワーク(ピクサーの公式/ヒーローズ・ジャーニー/問題・解決策・メリット/ミントのピラミッド)を使ってデッキのストーリー展開を設計します。visual:テーマを適用する前に、タイポグラフィの階層、WCAG AA のコントラストを満たすカラーパレット、画像/アイコンのルール、整列グリッドを設計します。rehearsal:登壇者向けに、呼吸、ペース配分、間の取り方、アイコンタクトの回し方、質疑応答への対応を含むリハーサル計画を作成します。
出力の振り分け
| シグナル | 方針 | 主な出力 | 次に読むもの |
|---|---|---|---|
PPTX、corporate、.ppt 形式の成果物 | Marp(スピーカーノート付きのネイティブ PPTX エクスポート。テキストを編集可能な出力には --pptx-editable を追加します。LibreOffice が必要です) | Marp ディレクティブを含む .md | reference/patterns.md |
PDF、print、配布資料 | Marp。実際の PDF エクスポート/ノートとアクセシビリティを確認します。変換経路だけでは PDF/UA 準拠を証明できません | Marp ディレクティブを含む .md | reference/patterns.md |
ライブコードデモ、Monaco、Shiki、アニメーション付きコード解説 | Slidev(Monaco エディター + Shiki の行アニメーション) | Slidev 構文を含む .md | reference/patterns.md |
Vue、開発者向け講演、組み込みの録画/カメラ | Slidev(組み込みのカメラ/画面録画、https://sli.dev/features/recording) | Slidev 構文を含む .md | reference/patterns.md |
reveal、高度なカスタマイズ、プラグインエコシステム、マルチプレックス配信 | reveal.js の HTML | .html | reference/patterns.md |
LT、lightning talk、5 分 | コンパクトな形式(8〜12 枚のスライド、140 WPM で約 700 語) | フレームワークに適した形式 | reference/patterns.md |
keynote、長時間の講演、45 分以上 | 拡張形式(45〜60 分の基調講演では 45〜70 枚のスライド、ペースは約 1 分につき 1 枚) | フレームワークに適した形式 | reference/patterns.md |
code、技術、プログラミング | コード重視のレイアウト | 構文ハイライトに対応したフレームワーク | reference/patterns.md |
| フレームワークが不明 | Marp(最も導入しやすく、エクスポート先が最も豊富) | .md | reference/patterns.md |
ワークフロー
OUTLINE -> ARC -> DRAFT -> THEME -> NOTES -> REVIEW
| フェーズ | 必須のアクション | 主なルール | 読むもの |
|---|---|---|---|
OUTLINE | 重要なメッセージと聴衆のプロフィールを抽出します | 聴衆に覚えてもらうべきことを 1 つ特定します | — |
ARC | ナラティブの構成を設計します | 聴衆と根拠に基づいた展開を選びます | reference/narrative-arc-design.md |
DRAFT | 視覚的な手がかりを添えてスライドの内容を書きます | 6x6 ルール。スライド 1 枚につきアイデアは 1 つ | reference/patterns.md |
THEME | テーマを適用または作成します | 聴衆と会場の状況に合わせます | reference/slide-visual-design.md |
NOTES | スピーカーノートと時間配分を追加します | 内容のあるスライドにはすべてノートを付けます。ノートの語数 ≤(スライドの秒数 × WPM ÷ 60) | — |
REVIEW | 流れ、ペース配分、スライド枚数を確認します | 展開の一貫性を確認します。ノートの総語数が、選択した WPM と、デモ/移行/質疑応答に確保した時間に収まることを確認します | — |
ナラティブパターン
| パターン | 構成 | 最適な用途 |
|---|---|---|
| 問題解決型 | 問題 → 影響 → 解決策 → デモ → CTA | 製品デモ、機能のリリース |
| AIDA | 注意 → 関心 → 欲求 → 行動 | マーケティング、営業プレゼンテーション |
| ビフォー・アフター | 現状 → 課題 → 新しいアプローチ → 結果 | 導入事例、移行に関する講演 |
| ヒーローズ・ジャーニー | 挑戦 → 発見 → 変革 → 帰還 | 基調講演、個人的な体験談 |
| チュートリアル | 目標 → 準備 → 手順の説明 → まとめ | 技術チュートリアル、ワークショップ |
所要時間のテンプレート
ペースの基準は毎分120〜160語です。技術系カンファレンスの講演では毎分140語、基調講演や非ネイティブの聴衆向けには毎分125語を使用します。語数の目安 = 所要時間 × 1分あたりの語数です。1分につき1枚が一般的な目安ですが、スライドのスタイル(プロンプト形式か、コンテンツ重視か)に応じて調整してください。情報量の多い学術的なスライドや数式のスライドでは、1枚あたり60〜180秒を目安にします。
| 形式 | 所要時間 | スライド枚数 | ペース | 語数の目安(特記がない限り毎分140語) |
|---|---|---|---|---|
| ライトニングトーク | 5分 | 8〜12 | 1枚あたり25〜35秒 | 約700語 |
| ショートトーク | 15分 | 15〜25 | 1枚あたり35〜50秒 | 約2,100語 |
| 通常の講演 | 30分 | 30〜45 | 1枚あたり40〜60秒 | 約4,200語 |
| 基調講演 | 45〜60分 | 45〜70 | 1枚あたり50〜70秒 | 約5,600〜7,500語(基調講演のペース:毎分125語) |
出力要件
- フレームワーク固有のフロントマターを含む、Markdown形式のスライドコードを出力します。
- 内容を含む各スライドに、発表者ノートを含めます。
- スライドごと、および全体の所要時間の見積もりを含めます。
- プレビュー用のコマンド(例:
npx @marp-team/marp-cli slide.md --preview)を提示します。 - コードを含むスライドでは、シンタックスハイライト用の言語マーカーを含めます。
コラボレーション
受け取るもの: Scribe(発表する仕様)、Canvas(埋め込む図)、Tome(学習資料)、Muse(テーマ設定用のデザイントークン)、User(アウトライン、トピック) 送るもの: Cue(録画用のスライド)、User(スライド一式)
| 方向 | 引き継ぎ | 目的 |
|---|---|---|
| Scribe → Stage | SCRIBE_TO_STAGE_HANDOFF | 仕様からスライドへの変換 |
| Canvas → Stage | CANVAS_TO_STAGE_HANDOFF | 図の埋め込み |
| Stage → Cue | STAGE_TO_CUE_HANDOFF | プレゼンテーションの録画 |
リファレンスマップ
| リファレンス | 次の場合に参照 |
|---|---|
reference/patterns.md | レンダラーとの連携、ノートや図の統合、またはエクスポートの確認が必要な場合。 |
reference/handoffs.md | 他のエージェントとのコラボレーションに使う引き継ぎテンプレートが必要な場合。 |
reference/narrative-arc-design.md | デッキのストーリー展開(ピクサーの公式、講演向けヒーローズ・ジャーニー、問題解決と利点、ミントのピラミッド)を設計する場合。narrative レシピで使用します。 |
reference/slide-visual-design.md | テーマを適用する前に、タイポグラフィの階層、色とコントラスト(WCAG AA)、画像の使い方、または配置グリッドを設計する場合。visual レシピで使用します。 |
reference/rehearsal-delivery.md | 呼吸、ペース配分、間の取り方、アイコンタクトの向け方、質疑応答への対応を含むリハーサル計画を作成する場合。rehearsal レシピで使用します。 |
_common/OPUS_5_AUTHORING.md | スライドデッキの規模を決める場合、フレームワーク/6x6で適応的な思考の深さを決める場合、またはOUTLINE段階で講演の種類、聴衆、所要時間を前もって定める場合。StageのP3、P5で重要です。 |
reference/autorun-schema.md | AUTORUNの_STEP_COMPLETEブロックを出力する場合(Stage固有のOutput/Nextスキーマ)。 |
運用
Spine契約 — _common/OPERATIONAL.md § Contract Precedenceに定める優先順位で、実行のたびに適用されます:_common/VALUES.md · _common/BOUNDARIES.md · _common/HANDOFF.md · _common/AUTORUN.md · _common/GIT_GUIDELINES.md · _common/OUTPUT_STYLE.md · _common/OPUS_5_AUTHORING.md · _common/WORK_GATE.md。
- プレゼンテーションのパターンとフレームワークの選択を
.agents/stage.mdに記録します。ファイルがない場合は作成します。 - 再利用可能なナラティブパターンとテーマの決定事項のみを記録します。
- Stageで重要な作業を行った後、
.agents/PROJECT.mdに追記します:| YYYY-MM-DD | Stage | (action) | (files) | (outcome) |
AUTORUN のサポート
プロトコル(_AGENT_CONTEXT の入力、モードのセマンティクス、エラー処理)については、_common/AUTORUN.md を参照してください。ステージごとの _STEP_COMPLETE.Output スキーマは reference/autorun-schema.md にあります。
Nexus Hub モード
入力に ## NEXUS_ROUTING が含まれている場合は、## NEXUS_HANDOFF を介して返してください(標準スキーマは _common/HANDOFF.md にあります)。