Community画像github.com

geekfujiwara/slide-illustrations

一貫性のあるフラットイラストを作成し、PowerPointのカードや空のイラストスロットに、歪みや意図しないトリミングなしで配置します。カードのアートワーク、スポットイラスト、フラットモダンビジュアルに使用します。

slide-illustrations とは?

このスキルは、PowerPointスライド内で一貫性のあるフラットイラストを生成・配置するためのものです。スライド内の空のイラストスロットやカードを測定し、指定されたスタイル(ビジネスラインアートまたはフラットモダン)に基づいてイラストを生成し、歪みやトリミングなしで正確にフィットさせます。スキルはClaude CodeやCursor、CodexなどのAIエージェントで使用でき、スライドの余白、テキスト、既存のアートを考慮した正確な配置を自動化します。これにより、ユーザーは手動調整の手間を省き、一貫したデザイン品質を維持できます。また、スキルは独立して動作し、明示的なスロットが指定されている場合はそれを優先します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/geekfujiwara/powerpoint-agent-skills/tree/HEAD/skills/slide-illustrations

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

スライドイラスト

手順

  1. 選択されたカードまたはスライド、意図したシーン、要求されたアートワークを確認する。 ユーザーがアートワークをリクエストした場合にのみ、利用可能な画像生成機能を使用する。 機密テキスト、内部図、個人データを外部画像サービスに渡してはならない。承認済みで機密性のないシーン説明を使用する。 生成または測定が利用できない場合は、その制限を記載し、結果を捏造する代わりにアセットまたは不足している寸法を要求する。
  2. サポートされている編集ツールを使用して実際の利用可能なスロットを測定する。アクセス可能で必要な場合にのみスライドXMLを使用する。テキスト、パディング、既存のアートを考慮する。一貫した単位で測定する: 914400 EMU = 1 インチ、12700 EMU = 1 ポイント。
  3. 空のカードの場合は、以下のオプションの開始測定値を使用し、フィットを確認する。
    • パディング P = 0.20 in、ギャップ G = 0.15 in。
    • ワイドカード(width >= 1.5 * height): 画像左、テキスト右。 スロット幅 min(height - 2*P, width*0.28)、高さ height - 2*P。
    • その他のカード: 画像がテキストの上。スロット幅 width - 2*P、 初期画像の高さ height*0.45。残りの領域はテキスト用に確保する。
    • 寸法が0以下になる場合やテキストが収まらない場合は、レイアウトを調整するか、コンテンツの分割を依頼する。無効な寸法で処理を続行してはならない。
  4. デッキに1つのスタイルを選択する:
    • ビジネスラインアート: ネイビー 1E2761、ブルー 2F6FD0、ライトブルー 8FB3E0、 細い輪郭、シンプルな角丸の図形、白または非常に明るい背景。
    • フラットモダン: 輪郭やグラデーションなし、簡略化された顔のない人物、 パープル、ペリウィンクル、スチールブルー、ネイビー、ホワイト、淡い楕円のフロアシャドウと明るい背景。 最初に既存のパレットに合わせること。これらは代替案であり、同時ルールではない。
  5. 測定されたアスペクト比、または最も近いサポートされている比率を、十分なセーフマージンとともにリクエストする。ポートレートスロットに正方形の画像を使用することを想定してはならない。
  6. 画像を比例的にフィットさせる: scale = min(slot_width/image_width, slot_height/image_height)。 スロット内で中央揃えにする。画像全体を維持し、引き伸ばしたりトリミングしたりしない。明示的に要求された場合のみ、ユーザー承認のトリミングを使用する。
  7. 隣接するテキストを、その意味を変えずにリフローする。テンプレートのフォントを維持する。本文テキストは少なくとも14 ptを目指す。コンテンツを大幅に短縮する前にユーザーに確認する。装飾的な詳細ではなく、シーンの意味を説明する簡潔な代替テキストを追加する。
  8. 変更したスライドを、重なり、アスペクト比、空白、読みやすいテキスト、一貫性のあるスタイルについて検査する。生成または再利用されたアセットと制限事項を報告する。

プロンプトパターン

ビジネスラインアート:

[シーン]のフラットベクタービジネスイラスト、細くてクリーンな輪郭、角丸の図形、スライドに合わせたネイビーとブルーのパレット、明るい背景、十分なセーフマージン、[スロットアスペクト比]、文字、数字、ロゴなし。

フラットモダン:

[シーン]のフラットモダンスポットイラスト、簡略化された顔のない人物、角丸のペリウィンクルパネル、パープルの楕円フロアシャドウ、スチールブルーの小道具、ネイビーのアクセント、明るい背景、輪郭なし、グラデーションなし、[スロットアスペクト比]、文字、数字、ロゴなし。

独立性

このスキルは単独で使用できます。ジャーニーカードや別のレイアウトで明示的なスロットが提供されている場合は、カード全体から再計算するのではなく、そのスロットを使用します。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル