スキル自身の言葉で
HyperFramesのスライドショーを作成します。プレゼンテーション、ピッチデッキ、または個別のスライド、フラグメントリビール、分岐、ホットスポットナビゲーション、スピーカーノート付きのプレゼンターモードを備えたインタラクティブなデッキです。既存のページをデッキに変換することもできます。出力は、hyperframesが存在する状態で提供されるナビゲート可能なデッキであり、レンダリングされたMP4ではありません。スライドと接続を宣言するためにJSONアイランドスクリプトブロックを使用します。フラグメント（スライド内のリビール保持ポイント）、ホットスポットによるオフラインシーケンスへの分岐、BroadcastChannelで同期される編集可能なノート付きのプレゼンターモードをサポートしています。
明示的に要求されない限り、作成前に確認を求めます。見出しは完全な文の主張とすること、1スライドにつき1つのアイデア、ボトムアップの市場規模算出、最小30ptのフォントなど、厳格なスライド作成ルールを適用します。名前付きのビジュアルを手作業で構築する前に、ライブカタログを検索します。ソースページを移植する際は、元のデザイン、モーション、インタラクション、メディアの動作を保持しつつ、ページの動きをスライド間のトランジションに変換します。
生成されるもの
- シーン、クリップ、GSAPタイムライン、JSONアイランドマニフェストを備えたHyperFramesコンポジション
- スピーカーノート付きのプレゼンターモードを含む、hyperframesが存在する状態で提供されるナビゲート可能なデッキ
仕組み
- 01意図の確認
ユーザーが明示的にスライドショーを求めている場合はそのまま進めます。そうでない場合は、確認を求める前に、HyperFramesスライドショーが何を意味するか（実行可能なデッキ、ナビゲーション、プレゼンターモード）を一度説明してから停止してください。
- 02タイミング属性を持つシーンの宣言
すべてのスライドはシーンに支えられています。各シーンには、data-composition-id、data-start、data-duration、data-labelを指定して宣言してください。
- 03JSON Islandを追加する
コンポジションのHTMLに、type属性がapplication/hyperframes-slideshow+jsonであるscriptブロックを、ちょうど1つ追加してください。
- 04厳格なルールに従ってスライドを作成する
見出しは完全な文で主張として成立している必要があります。1スライドにつき1つのアイデアと1つのビジュアルのみとします。結論から先に述べてください。市場規模はボトムアップでのみ算出します。フォントは最小30pt相当としてください。
- 05ビジュアルを作成する前にカタログを検索する
スライドに必要なルック、エフェクト、チャート、トランジションごとに、平易な英語でnpx hyperframes catalog --queryを実行し、作成前に上位の検索結果を確認してください。