98.8K+ダウンロード
使い方ガイドへスキップ
pptx-visual-assets作者 Seth Hobson

PPTX Visual Assets スキル。

Claude Code と Codex 用の PPT とスライドデッキ向けスキルです。承認済みのアイコン、画像、SVG、インフォグラフィックを選択し、PPTX デッキに配置します。

  • Presentations
  • PPTX
OpenDesign をダウンロード使い方ガイドを見る
wshobson/agents · plugins/pptx-deck-creation/skills/pptx-visual-assets/SKILL.mdSKILL.md
--- name: pptx-visual-assets description: Use when selecting and placing approved supporting icons, images, SVGs, diagrams, or infographics in an editable PPTX deck. --- ## Workflow ## Rules
上流ファイルから読み取ったフロントマターとセクション見出し（2026-09-14 時点）· 全 1,375 文字

01 できること

Claude Code と Codex における pptx-visual-assets スキルの機能

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

このスキルは、編集可能な PPTX デッキ内に承認済みのアイコン、画像、SVG、図表、インフォグラフィックを選択して配置します。配置前にローカルのアセットパス、利用権、代替テキストを確認し、その上で最終的なインチ単位のバウンディングボックス、意図的な z-index、content または layout_design の分類を付けて各アセットを追加します。

ビジュアルアセットは、編集可能なコンテンツを置き換えるのではなく、スライドのメッセージを支える役割を担います。このスキルはアスペクト比を保持し、アセットが読み取り可能なテキストを覆わないようにし、必須のラベルや凡例は画像内に固定するのではなくネイティブの PowerPoint オブジェクトとして再現します。利用権や適切なアセットが得られない場合は、プレースホルダーを追加する代わりにアセットを省略し、その不足を報告します。

PPTX
プロンプト例を見る ↗

仕組み

  1. 01
    理解を助ける場合にのみアセットの種類を選択する

    ビジュアルがスライド内容の理解を意味的に支える場合にのみ、アイコン、画像、SVG、図表、インフォグラフィックのいずれかを選択してください。

  2. 02
    パス、利用権、代替テキストを確認する

    アセットを配置する前に、ローカルファイルパス、出典表示、利用権を確認し、アクセシビリティのために簡潔な代替テキストを作成してください。

  3. 03
    Bbox、z-index、分類を付けてアセットを追加する

    最終的なインチ単位のバウンディングボックス測定値を使ってアセットを配置し、意図的なレイヤー順序を設定し、content または layout_design としてマークしてください。

  4. 04
    比率を保持し、テキストの被りを確認する

    元のアスペクト比を維持し、アセットが読み取り可能なテキストを覆ったり、必須の情報を画像内に閉じ込めたりしていないことを確認してください。

02 適合性を確認

pptx-visual-assets スキルを使用するタイミング

この種の PPT やスライドデッキのジョブの場合、Claude Code または Codex で pptx-visual-assets スキルを使用します。適合範囲と制限はスキル自身のファイルから引用しています。

適している場合

  • 利用権とローカルパスが確認された承認済みのアイコン、画像、SVG、図表、インフォグラフィックを配置します

    提供すべきもの

    • ローカルアセットパス配置するアイコン、画像、SVG、図表、インフォグラフィックのファイルシステム上の位置です。
    • 出典と利用権アセットの使用許可を確認する出典表示の詳細とライセンス情報です。
    • 簡潔な代替テキストアクセシビリティのためにビジュアルアセットを説明する簡潔な代替テキストです。

    03 スキルの内部

    pptx-visual-assets スキルが Claude Code と Codex に与えるルール

    SKILL.mdがエージェントに設定する7つの具体的な指示、デフォルト、制限 — ファイルの中で結果を変える部分です。

    1. メッセージを支え、編集可能なコンテンツを決して置き換えない

      ビジュアルアセットはスライドのメッセージを支えるものでなければならず、編集可能であるべきコンテンツを平坦化したり置き換えたりしてはなりません。

    2. シンプルなアイコンをテキストラベルと共に使用する

      アイコンはシンプルで判読しやすいものでなければならず、単独で表示するのではなくテキストラベルと共に配置してください。

    3. キャプションは画像の上ではなく横に配置する

      画像のキャプションは、ビジュアルの上に重ねるのではなく、画像の隣に配置してください。

    4. クリーンなベクターSVGのみを使用する

      SVGのソースは真にクリーンなベクターでなければならず、ラスター画像をSVG形式で包んで編集可能なものとして提示してはいけません。

    5. 必須要素をネイティブオブジェクトとして再作成する

      ラベル、凡例、値、プロセスステップは、画像に固定するのではなく、PowerPointのネイティブオブジェクトを使って再作成する必要があります。

    6. 権利が確認できない場合はアセットを省略する

      利用権、出典、または適切なアセットを確認できない場合は、そのアセットを完全に省略し、プレースホルダーを追加する代わりに欠落を報告してください。

    7. 出典の詳細はマニフェストに記録し、機密情報は決して要求しない

      プロバイダーおよび出典情報はソースマニフェストに記録される必要があり、スキルはチャット内で機密の認証情報を要求してはいけません。

    04 実際に使う

    Claude Code または Codex に pptx-visual-assets をインストールします

    npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

    Claude Code、Codex、またはあなたのエージェントに pptx-visual-assets を追加します

    プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

    Terminal
    npx skills add https://github.com/wshobson/agents --skill pptx-visual-assets

    plugins/pptx-deck-creation/skills/pptx-visual-assets/SKILL.md用の汎用skills CLI形式。リポジトリによっては独自のパスを文書化している場合があります。

    スキルに初めての PPT・スライドデッキタスクを与える

    スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

    Starter prompt
    Add approved icons for each of the four key benefits listed on slide 5, confirm usage rights from [company asset library], place each icon at 0.6 inch height to the left of its corresponding text label with proper z-index so text remains in front, and recreate any supporting callout numbers as native PowerPoint text objects rather than embedding them in the icon graphics.

    出典：SKILL.md をスキル自身の用語に沿って記述。

    最初の結果を確認

    SKILL.md 自体が正しい結果として示しているもの：

    • 配置したすべてのアセットでアスペクト比が保持されていることを確認する

    OpenDesignでは、SKILL.mdのリンクからpptx-visual-assetsをインポートします：Plugins → Add → Skill → Import from link。その後、トップバーで選択してください。

    OpenDesign をダウンロードクイックスタートを読む

    05 オープンソースで追跡可能

    ソース、ライセンス、検証

    このページの情報の出所と、最終確認日時です。

    Author
    Seth Hobson
    Repository
    github.com/wshobson/agents ブランチ main
    スキルファイル
    plugins/pptx-deck-creation/skills/pptx-visual-assets/SKILL.md 検証時にコンテンツチェックサムを記録。コミット 4236bb9
    License
    MIT LICENSE より
    リポジトリスター数
    39,635 2026-09-14 に取得した wshobson/agents リポジトリ全体の GitHub スナップショット。このリポジトリにはカタログ内の 18 のスキルが含まれています。pptx-visual-assets の評価や使用回数ではありません。
    OpenDesign により検証済み
    2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign 本体にはバンドルされていません（2026-08-28 確認）。このページには実行記録がありません。

    SKILL.md の中身

    1. PPTX Visual Assetsビジュアルアセットはスライドのメッセージを補強するものであり、編集可能なコンテンツを置き換えることはありません
    2. ワークフロー4段階のプロセス：タイプを選択し、パスと権利を確認し、bboxとz-indexを指定して追加し、比率を維持してカバレッジを確認する
    3. ルールラベル付きのシンプルなアイコンを使用し、キャプションは画像の横に配置し、クリーンなベクターSVGを使用し、必須要素はネイティブオブジェクトとして再作成し、権利がない場合は省略する
    スキル自身による説明
    「編集可能な PPTX デッキに、承認済みのサポートアイコン、画像、SVG、図表、インフォグラフィックを選択・配置する際に使用します。」

    SKILL.md からのフロントマター説明。完全なファイルは約 1,375 文字です。GitHub で完全なファイルを読む。

    PPTX Visual Assets

    実際の PPT とスライドデッキタスクで pptx-visual-assets を実行します。

    OpenDesign をダウンロードし、SKILL.md リンクから pptx-visual-assets をインポートして、上記のプロンプトを貼り付け、結果の前にプランを確認してください。

    OpenDesign をダウンロードすべてのスキルを見る
    ターミナル
    npx skills add https://github.com/wshobson/agents --skill pptx-visual-assets

    OpenDesign デスクトップ版

    ひとつのデザインシステムで、すべての制作物をブランドらしく

    完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

    • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
    • 140+ のデザインシステムと完全なテンプレート／スキルライブラリ
    • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
    無料ダウンロード

    macOS と Windows に対応