Communitygithub.com

Gemini インフォグラフィック

コードエディタ(Codex、Claude Codeなど)向けのスキルです。ユーザーが提供するテキストを分析し、Geminiで生成可能なハンドドローンスタイルのインフォグラフィックのプロンプトを作成します。

Gemini インフォグラフィック とは?

このスキルは、CodexやClaudeなどのコードエディタ上で動作し、提供された記事や箇条書きなどの内容を分析して、Geminiで画像生成するための詳細なインフォグラフィックプロンプトを作成します。手書き風のホワイトボードやノートページを模した、1080x1350ピクセルの縦長画像を生成するように設計されています。 ワークフローは、まずユーザーからソースコンテンツを取得し、それを分析してタイトル、サブタイトル、コア構造、キーポイント、ビジュアル提案、フッターCTAを含むブリーフを作成します。ユーザーの承認後、ブリーフを所定のプレースホルダに挿入した完全なプロンプトを出力します。ユーザーはそのプロンプトをGeminiチャットに貼り付け、実際に画像を生成します。 ブランドカラーやユーザーの声(voice.md)などのプロジェクトファイルを尊重し、一貫性のある出力を実現します。画像が生成された後は、サイズ、レイアウト、フォント、色の正確さを検証し、必要に応じてプロンプトを調整する反復プロセスを提供します。

対応✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/charlie947/social-media-skills/tree/main/skills/gemini-infographic

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

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

ドキュメント

Gemini インフォグラフィック は何をしますか?

Codex および Claude ランタイム

  • このスキルは、Codex または Claude で、現在のタスクで実際に利用可能なツールを使用してください。AskUserQuestion の例は質問内容を説明するものであり、必須のAPIではありません。利用可能な質問ツールをその制限内で使用するか、チャットで質問してください。既に提供された回答やソースマテリアルを再利用してください。
  • ユーザーが選択したプロジェクトで作業します。パーソナライズ作業の前に、そのプロジェクトの about-me.md、voice.md、および関連するブランドファイルを読み込んでください。ファイルに矛盾があったり、スターターのデフォルト値が含まれている場合は、意図された作成者を確認してください。不足している事実は質問するか、voice-builder を実行してください。メンテナーのID、アカウント、プライベートファイルを継承しないでください。
  • バンドルされた references/ は、このスキルフォルダからの相対パスで解決してください。明示的にプロファイルのリフレッシュが要求された場合のみ、正規の about-me.md、voice.md、または newsletter-voice.md を読み取り、その場で更新し、ユーザーの関連のない事実やルールは保持してください。コンシューマーはそれらの正規ファイルを再読み取りする必要があります。既存の無関係なファイルと衝突する新しい成果物に対してのみ、新しいファイル名を使用してください。インストールだけでインタビューを開始したりファイルを書き込んだりすることはありません。要求がない限り、永続的な学習内容を書き込まないでください。
  • 最初に提供された証拠を使用してください。外部の主張は、必要に応じて利用可能な検索/ソースツールを通じて検証してください。ソースや統合が利用できない場合は、欠落している機能を明示し、提供されたテキストやエクスポートの入力を提供してください。事実、一人称の経験、メトリクス、またはツールの実行成功をでっち上げないでください。
  • 選択したルートに必要なサービスとのみ、ユーザーの既存のアカウントを通じて接続してください。認証情報を印刷したり、接続を上書きしたりしないでください。ドラフト、保存、レビューは、公開、メッセージ送信、アカウント変更を許可するものではありません。

ビジュアル完成状態

このスキルの画像プロンプトは、プロンプト準備完了の状態であり、生成または視覚的にレビューされたアセットではありません。ユーザーが別のジェネレーターを要求しない限り、名前付きの Gemini ワークフローを維持してください。画像サービスがなくても、プロンプトの作成は妨げられません。画像が提供または生成された場合、各エクスポートをフルサイズとフィードサイズ(約360px幅、サムネイルは320px)で開いて検査してください。コピー、寸法、クリッピング、可読性、ブランドカラー、フォントの外観、ロゴ、参照の忠実度を正確に確認してください。失敗したエクスポートは修正して再検査してください。利用できないエクスポートや検査は保留中として記録してください。画像プロンプトやラスターエクスポートは、編集可能なデザインファイルではありません。

重要: ロード時に自動開始

このスキルがトリガーされたら、すぐにステップ1に進んでください。プロセスを要約しないでください。

ステップ 1. ソースコンテンツを取得する

質問:

インフォグラフィックにしたいコンテンツを貼り付けてください。投稿、ニュースレターのセクション、ブログ、リサーチノート、生の箇条書きなど、何でも構いません。

コンテンツを待ちます。

ステップ 2. ブリーフを作成する

コンテンツを分析し、平易な言葉でインフォグラフィックのブリーフを作成します。以下の内容を含めてください:

  • タイトル (6語以内、キャッチーに)
  • サブタイトル (オプション、一行のコンテキスト)
  • コア構造: ステップ、フレームワーク、比較、統計、リストから決定
  • キーポイント: 3~7個の短い箇条書きを目指します。必要なステップ、項目、条件をすべて保持してください。読みやすく収まらない場合は、ブリーフ内で分割を提案し、コンテンツを黙って削除しないでください。
  • ビジュアル提案: 矢印、ボックス、強調表示された数字、アイコン、カラーアクセント。配置と色について具体的に指示してください。
  • フッターCTA: 「Follow [名前] [タグライン] for more helpful content | Repost ♻️」と手書きテキストで

ユーザーに伝えます:

こちらがブリーフです。変更点を教えてください。問題なければ「生成」とおっしゃってください。

承認を待ちます。

ステップ 3. Gemini プロンプトを出力する

承認されたら、完全なプロンプトをコードブロックで出力します。ブリーフを [INSERT YOUR INFOGRAPHIC CONTENT AND LAYOUT HERE] プレースホルダに挿入します。

大型のホワイトボードまたはノートページ上に、物理的な手描きのインフォグラフィックを1枚の画像として生成してください。

重要なスタイル指示(最初にお読みください):

メディア: 画像は実際のホワイトボードまたは大きな紙のノートを撮影したように見える必要があります。

テクスチャ: すべての要素は、カラーマーカーペン(黒、青、赤、緑)と蛍光ペン(黄/オレンジ)を使用して手書きで作成されたように見える必要があります。線はわずかに不完全で、ぐらつき、表面にインクの質感がある必要があります。

デジタルフォント禁止: すべてのテキスト、見出し、箇条書きは、マーカーペンで手書きまたは手書き風に表示される必要があります。

レイアウト: 1080x1350の画像を以下のように構成します:

[ここにブリーフを挿入 - タイトル、サブタイトル、コア構造、キーポイント、ビジュアル提案]

強調にはマルチカラーマーカーを使用してください。テキストは大きく読みやすく保ちます。すべてをわずかな不完全さを持った手書き風にします。実際のノートのページを撮影したように見せてください。

ブリーフで承認された場合、画像の下部に「[確認された作成者と承認されたCTA]」という手書きのフッターを同じ手書きマーカースタイルで含めてください。

ユーザーに伝えます:

これを、Create Image が有効で Nano Banana が選択された新しい Gemini チャットに貼り付けてください。1080x1350 で生成してください。

ステップ 4. 反復を提案する

プロンプトの後、以下を提案します:

初回の生成で不十分な場合、調整点を教えてください。プロンプトを書き直します。よくある修正:色を減らす、タイトルを大きくする、レイアウトの方向を変える。

ルール

  • 1080x1350ピクセルの出力は譲れません。縦長フォーマットがLinkedInフィードを占有します。
  • フッターの名前とタグラインは、確認されたユーザーコンテキストからのみ入力してください。提案された Repost フッターは、ユーザーの声に合う場合のみ使用し、不明なフィールドは省略してください。
  • いかなる出力でもemダッシュは使用しないでください。
  • 箇条書きは意味を損なわずに10語未満を目指してください。読みやすさと正確なカバレッジの両方を満たす必要があります。
  • 最終プロンプトを出力する前に、常にユーザーによるブリーフの承認を待ってください。
  • voice.md に別の指示がない限り、イギリス英語を使用してください。
  • プロジェクトに brand-kit.md または colours.md がある場合、そのブランドカラーをビジュアル提案に組み込んでください。

Individual skills in this repo

This repo contains 16 individual skills — each has its own dedicated page.

関連スキル