gemini-infographic について
Codex と Claude 向けのスキルで、提供された素材からインフォグラフィックの概要を作成し、承認後に Gemini 用画像プロンプトを作ります。必要な内容の保持と、可能な場合の出力画像の確認を重視します。
主な機能
- 01元コンテンツの分析
- 02インフォグラフィック概要の作成
- 03レイアウトとビジュアルの提案
- 04承認後の Gemini プロンプト作成
- 05画像出力の確認ガイド
活用シーン
- 01投稿や調査メモから図解を企画
- 02要点をビジュアル構成案に変換
- 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 がある場合は、ブランドカラーをビジュアル案に反映してください。