Communitygithub.com

luo173176/ppt-design-skill

プロフェッショナル向けプレゼンテーションデッキ(PPT/PPTX)のデザイン、構築、アニメーション、レビューを行います。コンテンツ構成、ビジュアルスタイル、レイアウトの多様性、チャート、画像、アニメーション、Morphトランジション、モーションナラティブ、全体的な品質が重要な場合に使用します。

ppt-design-skill とは?

このスキルは、与えられたトピックと生の素材を「デザインされた議論」に変換する、包括的なプレゼンテーションデッキ(PPT/PPTX)作成スキルです。単なる装飾ドキュメントではなく、静的デザインとモーションデザインを対等に扱い、ページごとの読みやすさと再生時の動きの両方を重視します。スキルは、デッキ全体の一貫性を保つための標準(5つのテスト)、キャンバスサイズ、シェイプ数、タイプスケール、パレット、フォント、チャートの分布、アニメーションカバレッジなどの詳細なエビデンスベースを提供します。また、既存デッキの複製(ネイティブ再利用、編集可能な再構築、画像ベースの模倣の3つのモード)と、50のテンプレート、50のマスター、680のコンポーネント、64のアニメーションレシピを含むパーソナルアセットライブラリ(`E:\PPT-Design-Assets\`)の活用という2つの主要な機能を持ちます。このスキルはClaude CodeやCursorなどのAIエージェントプラットフォームで使用することを想定しており、SKILL.mdで定義されたワークフローとリファレンスに従って動作します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/luo173176/ppt-design-skill/tree/HEAD

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

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

ドキュメント

PPT デザインスキル

トピックと生の素材を 「デザインされた議論」 に変換します。単なる装飾ドキュメントではありません。静的デザインとモーションデザインは対等な地位にあります。デッキはページごとに読みやすく、再生時には 動き が良好でなければなりません。

このファイルが唯一のエントリポイントです。一貫性を保つべき決定事項を保持します。references/ ファイルは詳細な知識を、workflows/ ファイルは実行可能な手順を、examples/ は抽象化されたデザインパターンを保持します。タスクに実際に必要なリファレンスのみを参照してください。

何をいつ読むか

タスク読み込むファイル
新しいデッキのコンテンツとストーリーを計画するworkflows/create-presentation.md + references/content-strategy.md
1ページをうまくデザインするworkflows/design-slide.md + references/slide-patterns.md
見苦しい、または乱雑なページを診断・修正するworkflows/improve-slide.md
1つのスライドにアニメーションを追加するworkflows/create-slide-animation.md
アニメーション付きデッキ全体を構築するworkflows/create-animated-presentation.md
完成したデッキをレビューする(静的+動的)workflows/review-presentation.md + references/quality-control.md
色・フォント・グリッドを選ぶreferences/color-system.md, references/typography.md, references/layout-system.md
チャートとデータストーリーテリングreferences/data-visualization.md
画像、アイコン、テクスチャreferences/visual-assets.md
シナリオ固有のスタイリングreferences/presentation-scenarios.md
モーション:原則、タイムライン、Morph、パターン、コードreferences/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md
PPTX内部構造の理解・生成references/pptx-technical-guide.md
参照デッキ全体を複製するworkflows/replicate-deck.md + references/replica-modes.md
1ページを複製・再利用するworkflows/replicate-slide.md
テンプレートまたはマスターを抽出するworkflows/extract-template.md
フォントを識別、一致、またはライセンスするworkflows/extract-fonts.md
レイアウト、コンポーネント、アニメーションレシピを抽出するworkflows/extract-assets.md
パーソナルライブラリを検索または構成するworkflows/asset-library.md + references/asset-library-schema.md

タスク名のエイリアス(呼び出し元互換性のために保持されている同じワークフロー): create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.

複製とパーソナルアセットライブラリ

「ゼロからのデザイン」の横に2つの機能があります。

  1. 複製 (replicate-deck, replicate-slide) には3つの契約があります。 A ネイティブ再利用(完全同一; マスター/チャート/アニメーションが保持される)、B 構造化再構築(編集可能; フォント/エフェクトは近似)、C 視覚的模倣(画像ベース; テキストのみ)。常にモードを明記し、Cを編集可能として提示したり、置換後に100%の忠実度を主張したりしないでください。
  2. ライブラリ (E:\PPT-Design-Assets\) には、50のテンプレート、50のスタンドアロンマスター、24のページパターン、680のコンポーネント、64のアニメーションレシピ、フォントレジストリが含まれています。デザインの前に検索してください(scripts/asset_search.py, --compose)、そして使用されたアセットIDを記録してください。

両方の測定された証拠は references/replica-modes.md と references/asset-library-schema.md にあり、手順は上記6つのワークフローにあります。

標準

完成したデッキは5つのテストに合格します。

  1. 1つのデッキ、1つの世界。 ロゴを削除しても、見知らぬ人が任意の3つのスライドがどのデッキのものかを特定できる。
  2. すべてのページに役割がある。 ページは議論を進め、証拠を提供し、一時停止を作り、または決断を求める。フィラーページはない。
  3. 階層は目を細めて見ても保たれる。 サムネイルサイズ(コンタクトシートテスト)で、意図された1次/2次/3次の読み取りがまだ見える。
  4. 装飾は偶然ではない。 すべての線、画像、色フィールド、数字には存在価値がある。
  5. モーションは意味である。 アニメーションは明らかにし、導き、比較する。アニメーションを削除しても情報が失われず、洗練さも増さないなら、それを削除する。

「よりデザインされたもの」を目指さないでください。1つの明確なビジュアル議論と、1つまたは2つの記憶に残る動きを目指してください。

エビデンスベース(推測ではなく測定)

ソースコーパスの完全な構造+アニ呼ンスキャンから導出。較正のための範囲として扱い、厳格な法則としては扱わないでください。

  • キャンバス: 16:9、13.333×7.5インチが94/102デッキで使用。4:3は印刷/レガシー用(5デッキ); ウルトラワイド3.5554はバナースタイルの公開レポートデッキで使用。デッキごとに1つのキャンバス。
  • ページあたりのシェイプ数: 中央値10、平均約16、p90 24。データ密度の高いページでは30~55に達する。
  • タイプスケール(pt): 本文12~18; 小ラベル8~11; 小見出し20~28; ページタイトル24~44; セクション/ステートメント44~80; カバー/メガ数字88~344。本文は通常12~18pt、最も一般的には14~18pt。
  • パレット: 圧倒的に2~3色 — 黒/白またはほぼニュートラルなフィールドに 1つの 鮮やかなアクセント(例: FFD23C, C3DF21, 0F6FC6)と1つの中立的なサポートトーン。プロフェッショナルなアクセントの例: #FFD23C #C3DF21 #FF008E #00EBFF #0F6FC6 #D51C3B #7EAB28 #0535D1。
  • フォント(CJK): 微软雅黑 / 思源黑体ファミリーが優勢。より太い表示用書体(思源黑体 Heavy/Bold, 庞门正道标题体)がタイトルに使用。フォント(ラテン): Segoe UI / Segoe UI Light, Lato, Arial, Calibri。繰り返し使用される無料/商用セーフなセット: 思源黑体 + Lato。
  • チャート: 55のデッキにチャートが含まれる。分布: 棒183、円78、ドーナツ67、折れ線37、バブル16、棒3D 13、散布12、面11、レーダー8。チャートはネイティブの編集可能なオブジェクトで、埋め込みワークブックを持つ — チャートの画像ではなく、編集可能なチャートを使用すること。
  • アニメーションカバレッジ: 4235スライド中1068にタイミングツリーがある; 742にトランジションがある; Morphは183スライドに出現、push 169、fade 149、さらに128が他のトランジションプリセットを使用。
  • エフェクトの混合: 開始Fade (701) とZoom (371) がリードし、Fly In (248) とWipe (141) が続く; 強調は微妙な「change/highlight」エフェクトが支配的; モーションパスは存在するが稀で意図的。
  • タイミング文法: 支配的なノード関係は withEffect (2678)、次いで afterEffect (652)、clickEffect (473)。遅延は 0 / 100 / 300 / 500 ms に集中し、継続時間は 500 / 1000 / 2000 ms に集中、表示時には decel イージングが使用される。
  • スケール: 強調パルスでは1.25× → 0.80× のペアが使用される(animScale 125000/80000)。
  • 実際に使用される高度なメディア: ネイティブの 3Dモデル (am3d:model3d) と埋め込みビデオ — ライブラリが出力できないものをサポートしていると主張しないこと。
  • 第2パスコーパス(4314スライド): 105の解析済みパッケージ、241のマスター、1393のレイアウト、66のユニークなテーマ、タイミングツリーを持つ1099スライド、183のMorphページ; トランジション: morph 183、push 173、wipe 16。
  • アニメーションサンプル(50の厳選デッキ): 984エフェクトノード → 64レシピ; 開始 Grow & Turn 144、Fade 141、Wipe 102、Fly In 52; 強調 Spin 247。
  • キュレーション後のアセット収量: 50テンプレート、50マスター、24ページパターン、680コンポーネント(52ネイティブチャート、160シェイプ、160アイコン)、64アニメーションレシピ、129フォントレコード / 88ファミリー(26のOFLファイルがコピー済み)。
  • 複製キャリブレーション(viz-01、3ページ): A SSIM 1.000; B 0.674(編集可能な再構築); C 0.978(画像ベース)。平均だけでなく、ページごとに報告すること。
  • モードBのビジュアルキャリブレーション(5デッキ × 6ページ): 0.782 Business、0.660 Technology、0.915 Data、0.865 Editorial、0.751 Creative。レイアウトモザイク、a:srcRect クロップ、<a:alpha> オーバーレイが適用される; 画像フィルターとシャドウはまだ省略されているため、低いページは平均化せずに報告する必要がある。

譲れないこと

  • キャンバス: デッキごとに1つ、16:9 13.333×7.5インチ(ポートレート/ウルトラワイドの指示がない限り)。
  • グリッド: 一貫したガターを持つカラムグリッド(デフォルト12カラム); コンテンツブロックはこれにスナップする。意図的なルール破りは控えめに使用する(デッキあたり3回未満)。
  • マージン: 一貫した光学マージン; テキストは、フルブリード画像の下でも安全領域を尊重する。フルブリード画像は許可されるが、テキストは依然として安全領域を尊重する。
  • パレット: 1つの支配的なフィールド + 1つの中立色 + 1つのアクセント(+ 最大1つのオプションのセカンダリ)。約60/30/10を使用する。3ページ目以降に新しいアクセントを導入しない。
  • タイプ: 最大2ファミリー(1つは表示用、1つは本文用)と 3つのウェイト。レベル間の明確な比率を保つ(約1.3~1.5倍); ほぼ同一のサイズを4つ使用しない。
  • テキスト密度: カバー 4~12語; ステートメント/セクション 10~35; コンテンツ 40~110; 高密度分析 120~220。ページがさらに必要とする場合は、ページを分割し、12pt未満に縮小しない。
  • 画像処理: 1つの処理(ナチュラル / ウォームエディトリアル / クールアーキテクチュラル / デュオトーン / モノクローム / シンセティック)を選び、デッキ全体に適用する。
  • 1つのモチーフ: ルール、クロップ、ドット、数字、括弧、または繰り返される画像マスクが、4~8ページに再帰する — すべてのページではない。
  • デッキあたり1つの記憶に残る動き: 巨大な数字、見出しの壁、切り抜かれた被写体、電子的なアクセント、エッジツーエッジのタイプクロップ。その周りのすべてを静かに保つことで保護する。
  • アニメーションバジェット: 一定の動きよりも表示を優先する; スライドあたりの同時動作は3オブジェクト以下に抑える; 装飾のためにアニメーション化しない。

内容

  • references/ — content-strategy, design-principles, layout-system, typography, color-system, visual-assets, data-visualization, slide-patterns, presentation-scenarios, animation-fundamentals, advanced-animation, animation-timeline, motion-design, slide-transitions, animation-patterns, animation-implementation, pptx-technical-guide, quality-control, replica-modes, asset-library-schema.
  • workflows/ — create-presentation, design-slide, improve-slide, create-slide-animation, create-animated-presentation, review-presentation, replicate-deck, replicate-slide, extract-template, extract-fonts, extract-assets, asset-library.
  • examples/design-patterns.md — 抽象化され、再利用可能なページとモーションパターン。
  • scripts/ — デザイン: build_deck.py(JSON仕様 → デッキ)、inspect_pptx.py、contact_sheet.py、add_animation.py。分析/抽出: analyze_deck.py、enrich_themes.py、extract_template.py、curate_templates.py、extract_masters.py、extract_fonts.py + fontlib.py、extract_patterns.py、fix_layout_previews.py、extract_components.py、render_component_previews.py、extract_animations.py、build_asset_index.py、asset_search.py。複製/QA: replicate_deck.py、replicate_slide.py、compare_slides.py、validate_replica.py。メンテナンス: collect_stats.py、fix_font_library.py、make_reports.py、run_tests.py。 正確なコマンドと出力については scripts/README.md を参照。

自己完結型

必要なものはすべてこのスキル内にあります。実行時にソースコーパスを読み取ることはありません。コーパスはここに引用されている測定範囲を提供しただけです。

関連スキル