mcpField
G
gemini-infographic

gemini-infographic

github.com/charlie947クリエイティブ・メディア4.4k1.4k 回インストール1 週間前に更新
リポジトリ

gemini-infographic について

Codex と Claude 向けのスキルで、提供された素材からインフォグラフィックの概要を作成し、承認後に Gemini 用画像プロンプトを作ります。必要な内容の保持と、可能な場合の出力画像の確認を重視します。

主な機能

  1. 01元コンテンツの分析
  2. 02インフォグラフィック概要の作成
  3. 03レイアウトとビジュアルの提案
  4. 04承認後の Gemini プロンプト作成
  5. 05画像出力の確認ガイド

活用シーン

  1. 01投稿や調査メモから図解を企画
  2. 02要点をビジュアル構成案に変換
  3. 031080x1350 の図解用 Gemini プロンプトを作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/charlie947/social-media-skills --skill gemini-infographic

インストール後、Claude Code で/gemini-infographicを入力して読み込まれたか確認します。

詳細

Gemini インフォグラフィック

Codex と Claude の実行環境

  • Codex または Claude では、現在のタスクで実際に利用できるツールを使用してください。AskUserQuestion の例は質問内容を示すものであり、必須の API ではありません。利用可能な質問ツールがある場合は、その制約内で使用するか、チャットで質問してください。すでに提供されている回答や資料は再利用してください。
  • ユーザーが選択したプロジェクトで作業してください。個人に合わせた作業を始める前に、プロジェクトの about-me.md、voice.md、関連するブランドファイルを読んでください。ファイル間で内容が食い違う場合や、初期設定の内容が含まれている場合は、誰を作成者とするか確認してください。不足している情報を尋ねるか、voice-builder を実行してください。メンテナーの身元、アカウント、個人ファイルを引き継がないでください。
  • 同梱の references/ は、このスキルのフォルダーを基準に解決してください。プロフィールの更新を明示的に依頼された場合は、正規の about-me.md、voice.md、または newsletter-voice.md をその場で読み取り、無関係なユーザー情報やルールを維持したまま更新してください。利用側は、これらの正規ファイルを再読する必要があります。無関係な既存ファイルと名前が衝突する新しい成果物に限り、新しいファイル名を使用してください。インストールしただけで、インタビューを開始したりファイルを書き込んだりしないでください。依頼されていない限り、永続的な学習内容を書き込まないでください。
  • まず提供された根拠を使用してください。必要に応じて、利用可能な検索ツールや情報源ツールで外部の主張を検証してください。情報源や連携機能を利用できない場合は、不足している機能を明示し、提供されたテキストやエクスポートデータの入力を提案してください。事実、一人称での経験、数値、ツールの実行成功を捏造しないでください。
  • 選択した方法に必要なサービスのみを、ユーザーの既存アカウントを通じて接続してください。認証情報を表示したり、接続を上書きしたりしないでください。下書きの作成、保存、レビューは、公開、メッセージ送信、アカウント変更の許可を意味しません。

ビジュアルの完成状態

このスキルの画像プロンプトは、プロンプトとして使用できる状態であり、生成済みまたは目視レビュー済みの素材ではありません。ユーザーから別の生成ツールを指定された場合を除き、指定された Gemini ワークフローを維持してください。画像サービスを利用できなくても、プロンプトの作成は妨げられません。画像が提供または生成された場合は、各エクスポートを実寸とフィード表示サイズ(幅約 360px、サムネイルは 320px)で開いて確認してください。正確な文言、寸法、見切れ、読みやすさ、ブランドカラー、フォントの見た目、ロゴ、参照素材との忠実性を確認します。問題のあるエクスポートは修正して再確認してください。利用できないエクスポートや確認項目は、未対応として記録してください。画像プロンプトやラスター形式のエクスポートは、編集可能なデザインファイルではありません。

重要:読み込み時に自動開始

このスキルが起動したら、要約せず、すぐにステップ 1 に進んでください。

ステップ 1. 元のコンテンツを入手する

次のように尋ねてください。

インフォグラフィックにしたいコンテンツを貼り付けてください。投稿、ニュースレターのセクション、ブログ、調査メモ、生の箇条書きなど、どの形式でもかまいません。

コンテンツが届くまで待ちます。

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

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

  • タイトル(6 語以内、印象的なもの)
  • サブタイトル(任意、背景を一行で説明)
  • 中心となる構成:ステップ、フレームワーク、比較、統計、リストから選択
  • 要点:短い箇条書きを 3~7 個目安にします。必須の手順、項目、条件はすべて維持してください。読みやすく収まらない場合は、内容を黙って削るのではなく、ブリーフで分割を提案してください。
  • ビジュアル案:矢印、ボックス、強調する数字、アイコン、色のアクセントなど。配置と色を具体的に指定してください。
  • フッター CTA:「Follow [Name] [Tagline] for more helpful content | Repost ♻️」と手書き風に表示します。

ユーザーに次のように伝えてください。

ブリーフはこちらです。変更点を伝えるか、内容に満足したら「generate」と入力してください。

承認されるまで待ちます。

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

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

Generate a single image of a physical, hand-drawn infographic on a large whiteboard or notebook page.

Crucial Style Instructions (Read First):

Medium: The image must look like a photograph of a real whiteboard or large paper notepad.

Texture: All elements must look created by hand using colored marker pens (black, blue, red, green) and highlighters (yellow/orange). Lines should be slightly imperfect, wobbly, and have the texture of ink on a surface.

No Digital Fonts: All text, headings, and bullet points must appear handwritten or hand-printed in marker pen.

Layout: Structure the 1080x1350 image as follows:

[INSERT THE BRIEF HERE — title, subtitle, core structure, key points, visual suggestions]

Use multi-colored markers for emphasis. Keep text large and legible. Make everything look hand-drawn with slight imperfections. Make it look like a photograph of an actual notebook page.

If approved in the brief, include the handwritten footer "[verified author and approved CTA]" at the bottom of the image, in the same hand-drawn marker style.

ユーザーに次のように伝えてください。

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

ステップ 4. 修正案の提示

プロンプトの後に、次の内容を提示します。

最初の生成結果が意図に合わない場合は、調整したい点を教えてください。プロンプトを書き直します。よくある修正例:色を減らす、タイトルを大きくする、レイアウトの方向を変える。

ルール

  • 出力サイズは 1080x1350 ピクセルを厳守してください。LinkedIn フィードでは縦型が最適です。
  • フッターの名前とタグラインには、ユーザーについて確認済みの情報のみを使用してください。提案されている Repost フッターは、ユーザーの語調に合う場合にのみ使用し、不明な項目は省略してください。
  • 出力では em ダッシュを絶対に使用しないでください。
  • 意味を損なわず、箇条書きは 10 語未満を目指してください。読みやすさと正確な情報の網羅性の両方を満たしてください。
  • 最終プロンプトを出力する前に、必ずユーザーが概要を承認するのを待ってください。
  • voice.md に指定がない限り、イギリス英語を使用してください。
  • プロジェクト内にユーザーの brand-kit.md または colours.md がある場合は、ブランドカラーをビジュアル案に反映してください。

コメント