Communityライティング&編集github.com

mizzlelover/content-first-ppt

内容が王様のプレゼン用PPTスキル - Claude Code / Codex向けAIエージェントスキル。単一ファイルHTMLを専門に生成:内容は超高自動適合、決して切り詰められず、常駐パンくずリストと非線形付録ジャンプを内蔵。

content-first-ppt とは?

このスキルは、Claude CodeやCodexなどのAIエージェント上で動作し、**プレゼンテーション用の単一ファイルHTML**を生成します。従来のスライドツールのように内容が自動的に切り詰められる問題を解決し、テキストやデータを自動調整して表示します。また、常に表示されるパンくずリストと、非線形にジャンプできる付録機能を内蔵しており、聴衆が必要な情報にすぐにアクセスできます。このスキルは「内容重視(Content-First)」の設計哲学に基づき、プレゼン資料が情報を正しく伝えることに集中できるようにします。開発者や営業担当者が、標準的なマークダウンから高度にインタラクティブで優れたアクセシビリティを持つHTMLスライドを素早く作成するのに最適です。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add mizzlelover/content-first-ppt

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

ドキュメント

content-first-ppt は何をしますか?

内容が王様のプレゼン用PPTスキル · Claude Code / Codex向けAIエージェントスキル。単一ファイルHTMLを専門に生成:内容は超高自動適合、決して切り詰められず、常駐パンくずリストと非線形付録ジャンプを内蔵。

概要

従来のPPTツールでは、コンテンツがスライドのサイズに合わせて自動的に切り詰められたり、フォーマットが崩れたりすることがよくあります。本スキルは「内容優先(Content-First)」の原則に基づいており、AIエージェントが単一の自己完結型HTMLファイルを生成します。このファイルは、テキスト、画像、表、グラフなどの要素を、画面上で完全かつ適切に表示するために、インテリジェントにレイアウトを調整します。

主な機能

  • 単一ファイル出力:依存関係のないクリーンなHTMLファイルです。ブラウザで直接開けます。
  • 内容の自動適合:テキストやデータは自動的に拡大縮小され、スライドの境界を超えて切り詰められることはありません。
  • 常駐パンくずリスト:画面上部に常に表示され、現在の位置を明確に示します。
  • 非線形付録ジャンプ:付録リンクを内蔵しており、発表者は非線形的にスライド間をジャンプできます(例えば、質疑応答中に)。
  • アクセシビリティ対応:生成されたHTMLはセマンティックな構造を持ち、スクリーンリーダーにも対応します。

サポートツール

  • Claude Code
  • Codex(OpenAI)
  • その他のAIエージェント(スキルファイルとしてロード可能)

使用方法

  1. このスキルをAIエージェントにインストールします(具体的な手順は各ツールのドキュメントを参照)。
  2. プロンプトで「content-first-pptを使ってプレゼン資料を作成して」と指示します。
  3. 内容(例:マークダウンの箇条書きやCSVデータ)を提供します。
  4. AIエージェントが内容を解析し、自動適合機能付きの単一ファイルHTMLを生成します。
  5. 生成されたHTMLファイルをブラウザで開き、すぐに発表できます。

例

ユーザーのプロンプト例:

content-first-pptを使って、以下の製品機能の概要についてのプレゼン資料を作成してください。

# 製品概要
- 特徴A: 高速処理
- 特徴B: 低遅延
- 特徴C: 高い拡張性

対応する付録として、各特徴の技術詳細を追加してください。

AIエージェントは、自動適合されたスライド、パンくずリスト、および非線形の付録ジャンプリンクを持つ完全なHTMLファイルを生成します。

注意点

  • 生成されるHTMLは、現代的なブラウザ(Chrome、Firefox、Safari、Edge)とのみ互換性があります。
  • 大量の画像や複雑なグラフを含む場合、自動適合の精度が若干低下することがあります。
  • その場合は、手動で微調整するか、別のスキルを使用してください。

関連リソース

ライセンス

MITライセンス

関連スキル