Communitygithub.com

Chris-yoo80/ppt-to-html-agent

PPTまたはPPTX資料を、段階的な表示とオプションのポイント・ライン・プレーン・モーショングラフィックスを備えたインタラクティブなHTMLプレゼンテーションに再構成します。プレゼンテーション変換と反復編集に使用します。ピクセル単位でのPPT再現や無関係なWebサイト作成には適していません。

ppt-to-html-agent とは?

このスキルは、PowerPoint(PPT/PPTX)ファイルを、インタラクティブでナビゲーション可能なHTMLプレゼンテーションに変換するためのAIエージェント(Claude Code、Cursor、Codexなど)向けのツールです。スライドの内容(テキスト、表、図、ノート)を抽出し、各シーンにキーメッセージ、証拠、段階的な表示ステップ、適切なモーション(ポイント・ライン・プレーン方式)を割り当てることで、意図的なナラティブとインタラクションを備えたHTMLプレゼンテーションを構築します。このスキルは、変換を開始する前に、出力サイズ、配色、モーションの有無などの設定をユーザーに確認し、不足している情報のみを尋ねます。また、ソースの忠実度を検証し、印刷/PDF出力をサポートし、パッケージのライセンス条項を保持します。ユーザーは、結果のHTML、編集可能なソース、および操作手順を提供され、変換されたプレゼンテーションを配布できます。このスキルは、ピクセル単位でのPPT再現には適しておらず、動画のような配信やマーケティングシナリオ向けの追加のモーションストーリープリセットや、Excelベースのチャートやインタラクティブなスライサーを含む補足分析も提供します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Chris-yoo80/ppt-to-html-agent/tree/HEAD/skills/ppt-to-html

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

PPT to HTML プレゼンテーションエージェント

ユーザーのソース資料を使用して、意図的なナラティブとインタラクションを備えたHTMLプレゼンテーションを構築します。ソースの意味を保持し、ソースされた事実と説明用データを区別します。

ブリーフの確立

新しいデッキを開始する前に、references/intake.mdを読んでください。必須設定を短い番号付きフォームでまとめて質問してください。すでに提供された設定は再利用し、不足している値のみを質問してください。ユーザーが推奨プリセットを回答の1つとして選択できるようにします。これらの設定が回答されるか、ユーザーが明示的に選択を委任するまで、新しいデッキのレンダリングを開始しないでください。回答を待っている間もソースの調査を続けてください。

ホストで利用可能なツールを使用してソースを調査します。テキスト、表、図、スライドの順序、関連するノートを抽出します。利用可能な場合はスライドレンダリングを使用して空間関係を調査します。利用できない抽出機能やレンダリング機能を報告します。ソースの一部のみが読み取られた場合に抽出が成功したと主張しないでください。読み取れないソースについては、具体的な制限を特定し、アクセス可能なエクスポートを要求します。

アクセス可能なPPTX入力とバンドルされたHTMLスターターについては、references/authoring.mdを読んでください。このドキュメントには、抽出およびビルドコマンド、サポートされているシーン形式、実際のツールの制限が記載されています。ホストAIは解釈と計画を実行し、ビルダーは作成されたアウトラインをレンダリングします。

計画と作成

ソーススライドを提案されたHTMLシーンにマッピングします。各シーンのキーメッセージ、証拠、表示ステップ、適切なモーションを特定します。図、単位、前提条件はソースにトレース可能な状態に保ちます。サンプルデータは明示的にマークします。結果を捏造したり、ビジネス上の主張を事実として導入したりしないでください。

新しいビジュアル方向性については、シーンアウトラインと1つの代表的なシーンを提示してから、デッキ全体に拡張します。その後の編集では、以前の承認を再利用します。スコープ、主張、またはナラティブへの重要な変更について質問します。ルーチンの実装詳細は独立して決定します。

ブリーフを満たすためにHTML/CSS/SVGとローカルリソースを使用します。アスペクト比を維持し、韓国語の折り返しを読みやすくし、シーンとサブステップのナビゲーションを予測可能にします。編集可能なコンテンツと再生ロジックを実用的な範囲で分離します。表示可能な前/次のコントロールと使用手順を提供します。デッキがループすることを前提とするのではなく、明示的に選択された終了動作を使用します。

モーションが要求された場合は、references/motion.mdを読んでください。モーションの量と再生モードは別々の設定として扱います。単一ファイルのオフライン要件にはフォント、画像、その他の依存関係が含まれます。その要件の下では、外部ランタイム依存関係を避けてください。

動画のような配信、マーケティング、または倉庫プロセスシーンについては、references/motion-stories.mdを読んでください。バンドルされたプリセットは、編集可能な架空のデータを使用して連続再生とフェーズ制御を提供します。これらは最適化ソルバーや実際の運用のシミュレーションではありません。

Excelベースのチャート、インタラクティブスライサー、またはサポート/バックアップ分析については、references/supplemental-analysis.mdを読んでください。ワークブックの場所、シート/範囲、および結果の分析を表示する場所(追加リソース、スタンドアロンHTML、またはその両方)を、関連するシーンとタブラベルとともに質問します。すでに与えられた回答は再利用します。ビルド前に分析ブリーフを確立し、要求された場合は左側のコントロールと右側のビジュアル結果から開始し、基本が合意された後に高度な機能を追加します。プレゼンテーションからアクセス可能な追加のHTMLとして分析を提供します。プレゼンテーションを静かに置き換えたり、生のワークブックを添付したりしないでください。

検証と納品

最初のブリーフで、PDF出力とバックアップリソースファイル、配置、タブラベルについて質問します。バンドルされた印刷/PDFボタンは、すべての表示が表示された状態で、すべてのシーンをA4ランドスケープ1ページに1シーンずつ印刷します。サポート分析は、現在のフィルターとオプションのセクションを個別に印刷します。リソースはデッキPDFに自動的にマージされません。印刷後にプレゼンテーションのステップを保持し、自動再生を一時停止します。印刷レイアウトとページ数をインタラクティブ再生とは別に確認します。

ソースの忠実度、すべてのシーン/サブステップ、前/後のトランジション、直接シーンナビゲーション、シーン変更時のタイマー、リプレイ、終了動作を確認します。テキストのクリッピング、オーバーフロー、キーボードアクセス、同意された出力サイズでの縮小モーション動作を確認します。要求された印刷/PDFモードについては、レンダリングされた出力をプレゼンテーションのスクリーンショットとは別に検査します。

静的チェックとブラウザチェックを区別します。ホストが出力をレンダリングまたは操作できない場合は、制限を指定し、未検証の動作をリストします。プレゼンテーションが視覚的に検証されたと説明しないでください。レンダリングアクセスを取得するためにツールのセキュリティ制限を回避しないでください。

HTML、編集可能なソース、および実際の実装によってサポートされる簡単な操作手順を納品します。何がテストされ、何が未検証のままかを報告します。MP4エクスポート、インストール済みの依存関係、オフラインサポート、またはホスト互換性をチェックせずに主張しないでください。

パッケージのLICENSEをスキルのコピーとともに保持し、ビルダーの埋め込まれた法的通知とライセンステキストをプレゼンテーション出力に保持します。個人、非商用、および内部組織での使用は無料で許可されます。外部での生成ビジネスやツールの有料再配布には個別の許可が必要です。完成したプレゼンテーションは、出力例外に基づいてコミュニケーション目的で共有できます。可視の作者ウォーターマークは、このライセンスの要件ではなく、個別のデザイン上の選択です。

公開例

ユーザーが提供したデッキは作業入力であり、自動的に公開サンプルにはなりません。このプロジェクトの公開リポジトリを準備するときは、会社のドキュメント、埋め込み画像/動画、ノート、非表示データ、内部パス、および派生ビジネスコンテンツを除外します。独立して作成された架空の例を使用します。通常の変換リクエストの一部として公開またはプッシュしないでください。

関連スキル