本文へ移動
cccskills
無料GitHub で公開

media-generator

バナー/図表/スライド/画像の生成・編集を行うサブエージェント。Gemini Image Generation APIを使用して各種メディアを生成する。「バナーを作って」「図表を生成」「スライドを作成」「画像を生成」等のリクエストで発動。

インストール方法を見る

含まれるファイル(4)

  • SKILL.md6.0 KB
  • agents/openai.yaml159 B
  • SKILL.en.md5.4 KB
  • SKILL.es.md6.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Media Generator サブエージェント

バナー/図表/スライド/画像の生成・編集を専用コンテキストで実行するサブエージェント。

目的

メディア生成処理をメインエージェントのコンテキストから分離し:

  • 複数の参照画像を含む処理を効率化
  • プラットフォーム別プリセットの適用
  • 生成結果のパス情報のみを返却

機能一覧

機能スクリプト説明
バナー生成banner_creator.pySNS/広告向けバナー生成
図表生成generate_diagram.pyインフォグラフィック/図表生成
スライド生成generate_slide.py講義用スライド画像生成
汎用画像生成nanobanana.pyテキスト→画像、画像編集

1. バナー生成 (tools/banner_creator.py)

プラットフォーム別プリセット

プリセットサイズアスペクト比用途
x_post1200x67516:9X タイムライン投稿
x_card800x41816:9X リンクカード
facebook1200x63016:9Facebook リンク投稿
facebook_story1080x19209:16Facebook ストーリーズ
instagram_feed1080x10801:1Instagram フィード
instagram_story1080x19209:16Instagram ストーリーズ
prtimes1200x63016:9PRTimes プレスリリース
youtube_thumbnail1280x72016:9YouTube サムネイル
line1200x62816:9LINE 公式アカウント
web_banner1200x62816:9Web広告バナー

使用方法

# X用バナー生成
uv run python tools/banner_creator.py \
  --platform x_post \
  --topic "新サービスリリース告知" \
  --tone professional \
  --output-dir docs/generated/banners

# 参照画像を使用
uv run python tools/banner_creator.py \
  --platform instagram_feed \
  --topic "夏のキャンペーン" \
  --reference-images image1.png image2.png \
  --output-dir docs/generated/banners

# コピーテキスト同時生成
uv run python tools/banner_creator.py \
  --platform prtimes \
  --topic "プレスリリース用" \
  --with-copy \
  --output-dir docs/generated/banners

2. 図表/インフォグラフィック生成 (tools/generate_diagram.py)

スタイル

スタイル説明
colorful_infographic明るい色、アイコン、読みやすいレイアウト
sketch手描き風、鉛筆/チャコールテクスチャ
photorealistic写真のようなリアルな質感
minimalistシンプル、余白重視、限定カラー
claymation3Dクレイ風、柔らかい照明
pixel_artレトロゲーム風、ブロック調

使用方法

# トピックから図表生成
uv run python tools/generate_diagram.py \
  --topic "マーケティングファネル" \
  --style colorful_infographic \
  --aspect-ratio 16:9 \
  --output-dir reports/visualizations

# 長文テキストからインフォグラフィック
uv run python tools/generate_diagram.py \
  --topic "$(cat article.txt)" \
  --style minimalist \
  --output-dir reports/visualizations

3. 汎用画像生成/編集 (tools/nanobanana.py)

使用方法

# テキストから画像生成
uv run python tools/nanobanana.py \
  --prompt "A futuristic city at sunset" \
  --aspect-ratio 16:9 \
  --output-dir docs/generated

# 画像編集(参照画像+指示)
uv run python tools/nanobanana.py \
  --prompt "Make the background blue" \
  --reference reference.png \
  --output-dir docs/generated

# 複数参照画像を使用
uv run python tools/nanobanana.py \
  --prompt "Combine these styles" \
  --reference image1.png image2.png \
  --output-dir docs/generated

アスペクト比

アスペクト比用途
1:1Instagram、プロフィール画像
4:3汎用横長
3:4汎用縦長
16:9YouTube、プレゼン
9:16ストーリーズ、リール
21:9ウルトラワイド

サブエージェント呼び出しパターン

メインエージェントは以下のパターンでこのサブエージェントを呼び出す:

Task(
    subagent_type="generalPurpose",
    model="fast",
    description="Banner generation",
    prompt="""
    このスキルを読んで実行してください: skills/media-generator/SKILL.md
    
    タスク: {ユーザーの指示}
    プラットフォーム: {x_post / instagram_feed / etc.}
    トピック: {生成内容}
    
    生成した画像のパスを返却してください。
    """
)

返却フォーマット

処理結果は以下の形式で返却:

status: success
generated_files:
  - path: docs/generated/banners/x_post_20260127_143022.png
    platform: x_post
    size: 1200x675
    aspect_ratio: 16:9
copy_text: |
  【新サービスリリース】
  AIを活用した業務効率化ツールが登場!
  #AI #業務効率化

依存関係

google-generativeai>=0.3.0
Pillow>=9.0.0
python-dotenv>=1.0.0

環境変数

# 必須
GEMINI_API_KEY=your_api_key
# または
GOOGLE_API_KEY=your_api_key

注意事項

  • 生成画像はdocs/generated/配下に自動保存
  • セッション名を指定するとサブフォルダに整理
  • 日本語テキストを含める場合は明示的に指示
  • 参照画像は最大5枚まで

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

ab-test-setup

無料日本語概要

A/Bテストや実験の設計・実装を支援するスキル。 「A/Bテストを設計して」「スプリットテストしたい」「仮説を立ててテストしたい」「バリアントを比較」等のリクエストで発動。 トラッキング実装は analytics-tracking を参照。

minicoohei/ai-agent-camp3472026年10月7日 更新

agent-designer

無料日本語概要

マルチエージェントシステムのアーキテクチャ設計ツールキット。 「エージェントを設計して」「マルチエージェント構成」「エージェントのアーキテクチャ」「オーケストレーション設計」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-check-setup

無料日本語概要

ai-agent-campのローカル環境セットアップを確認するスキル。 「セットアップ確認」「環境チェック」「初期設定できてる?」「インストール確認」「依存関係チェック」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-command-router

無料日本語概要

ai-agent-campのスラッシュコマンドをCodexでルーティングするスキル。 「/start-0-1を実行」「スラッシュコマンドを使いたい」「コマンドルーティング」「Cursorのコマンドを使いたい」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-env-manager

無料日本語概要

ai-agent-campの環境変数・認証情報を安全に管理するスキル。 「APIキーを設定」「.envを管理」「環境変数の設定」「credential managerを使いたい」「秘密情報の管理」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-guide

無料日本語概要

ai-agent-campリポジトリの案内・オリエンテーションスキル。 「リポジトリ案内」「次のレッスンは?」「どこから始める」「ツールの違い」「aiagent概要」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

minicoohei のスキルをすべて見る

このスキルの問題を報告する