Presentation Structure

• エージェントにHTMLプレゼンテーションのスライドを追加・削除・並び替えさせ、すべてのdata-slide属性とgoToSlide()目次参照を正しく採番し直す必要がある場合。
• エージェントに正しいsection-slideクラス、data-level属性、section-descテキストを持つ新しいセクション区切りを作成させたい場合。
• エージェントにジャーニーバーの状態を論理的に判断させる必要がある場合 — どのスライドが空のバーを表示し、どのスライドがレベルを継承し、どのスライドがレベル遷移をトリガーするかを把握する。
• プレゼンテーション構造をレビューまたは監査しており、エージェントに**goToSlide()呼び出しのギャップ、重複、または不一致を検出**させたい場合。

• 異なるフレームワーク（例：Reveal.js、PowerPoint、Google Slides）で構築されたプレゼンテーションを使用している場合 — このスキルは presentation/index.html の単一ファイル形式に特化しています。
• スライドの番号付けや構造に触れずに、スライドのコンテンツ（テキスト、画像、図）のみを編集する必要がある場合 — そのケースでは、スキルの構造的なルールは不要なオーバーヘッドとなります。

このスキルは、通常スライド・レベル遷移セクションスライド・タイトルスライドの3種類のスライドタイプと、必要なHTML属性（data-slide、data-level、CSSクラス）をエンコードしています。エージェントは、どの属性が必須で、どれがオプションか、また.level-badgeのような要素をHTMLにハードコードしてはならないことを把握しています。

累積パーセンテージではなく、プレゼンテーションでは4つの個別レベル（low、medium、high、pro）を使用し、それぞれバーの塗りつぶし量25 / 50 / 75 / 100%に対応しています。Presentation Structureは、各レベルをトリガーするスライドの範囲、前のレベルを継承するスライド、そしてスライド1ではバーが非表示になり、最初のdata-levelトランジションの前は空になることを正確に把握します。

構造的な編集を行った後、エージェントはすべての data-slide 属性を1から順番に番号を振り直し、目次／ジャーニーマップスライド内のすべての goToSlide() 呼び出しを更新し、欠番や重複が存在しないことを確認する必要があります。Presentation Structure のスキルでは、totalSlides はDOMから自動計算されるため、手動での更新は不要であることが明記されています。

このスキルでは、目次リンクで使用されるgoToSlide(n)関数、自動計算されるtotalSlidesの値、およびサポートされている入力方法（矢印キー、スペースバー、タッチスワイプ）について説明します。これにより、エージェントはスライドの番号が変更された後も目次リンクの整合性を検証できます。

セクション区切りは正確なフォーマットに従います：section-slide クラス、オプションの data-level、section-number 段落、<h1> タイトル、そしてレベルを示す section-desc 段落です。Presentation Structure はエージェントに期待されるマークアップの全体を認識させることで、新たに生成されたセクションが即座に有効となるようにします。

ユーザーがエージェントに対して、スライド46の後に新しい「Part 7」セクションを挿入するよう依頼します。Presentation Structure スキルはエージェントに対して、次の連番の data-slide 番号を持つ section-slide divを作成し、適切な data-level を追加し、後続するすべてのスライドを番号付け直し、TOCスライド内のすべての goToSlide() 呼び出しを更新するよう指示します。

エージェントは presentation/index.html をスキャンして data-slide 値のギャップや重複を検出し、すべての goToSlide() 呼び出しを実際のスライド番号と照合して不一致を報告します — このタスクは、Presentation Structure にエンコードされた番号付けルールによって完全にサポートされています。

ユーザーは、どのスライドがどのジャーニーレベルに属するかのサマリーを求めています。エージェントはスキル内のレベル遷移テーブルを使用して、HTMLファイル全体を読み込むことなく、スライド範囲・data-level 値・対応するバーの塗りつぶしパーセンテージの正確なマッピングを生成します。

新しいスライドの雛形を作成するよう依頼されると、エージェントはこのスキル（Presentation Structure）に含まれる正確なHTMLテンプレートを使用します。具体的には、適切なクラス（title-slide、section-slide、またはプレーンなslide）を選択し、正しい属性を配置し、.level-badgeはランタイム時にJSによって動的に挿入されるため、ソースHTMLからは省略することを理解して対応します。