mcpField
N
nano-image-generator

nano-image-generator

github.com/lxfaterクリエイティブ・メディア12985 回インストール42 週間前に更新
リポジトリ

nano-image-generator について

Nano Banana Pro(Gemini 3 Pro Preview)で画像を生成するコマンドラインスキルです。ビジュアル素材を作る人向けで、参照画像からスタイルやキャラクターの見た目を引き継いだり、複数画像の要素を組み合わせたりできます。

主な機能

  1. 01プロンプトから画像を生成
  2. 02アスペクト比と解像度の指定
  3. 03複数の参照画像を使用
  4. 04スタイルやキャラクターの外見を継承
  5. 05参照画像の要素を合成

活用シーン

  1. 01アプリアイコンやUI素材の作成
  2. 02Webバナーやマーケティング画像の生成
  3. 03一貫したスタイルの連作画像を作成
  4. 04写真を指定したアートスタイルに変換

インストール

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

$npx skills add https://github.com/lxfater/nano-image-generator-skill --skill nano-image-generator

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README_CN.md
README.md
scripts/
generate_image.py

詳細

Nano Image Generator

あらゆるビジュアルアセットのニーズに対応する画像を、Nano Banana Pro(Gemini 3 Pro Preview)で生成します。スタイルの転写やキャラクターの一貫性を保つための参照画像に対応しています。

クイックスタート

# Basic generation
python scripts/generate_image.py "A friendly robot mascot waving" --output ./mascot.png

# With style reference (keep same visual style)
python scripts/generate_image.py "Same style, new content" --ref ./reference.jpg --output ./new.png

スクリプトの使い方

python scripts/generate_image.py <prompt> --output <path> [options]

必須項目:

  • prompt - 画像の説明
  • --output, -o - 出力ファイルのパス

オプション:

  • --aspect, -a - アスペクト比(デフォルト:1:1)
    • 正方形:1:1
    • 縦向き:2:3、3:4、4:5、9:16
    • 横向き:3:2、4:3、5:4、16:9、21:9
  • --size, -s - 解像度:1K、2K(デフォルト)、4K
  • --ref, -r - 参照画像(複数回指定できます。最大14枚)

参照画像

Gemini では、以下の用途に最大14枚の参照画像を使用できます。

スタイルの転写

参照画像のビジュアルスタイル(色、質感、雰囲気)を維持します。

python scripts/generate_image.py "New scene with mountains, same visual style as reference" \
  --ref ./style-reference.jpg --output ./styled-mountains.png
キャラクターの一貫性

複数の画像にわたって、キャラクターの外見を維持します。

python scripts/generate_image.py "Same character now in a forest setting" \
  --ref ./character.png --output ./character-forest.png
複数画像の融合

複数の参照画像の要素を組み合わせます。

python scripts/generate_image.py "Combine the style of first image with subject of second" \
  --ref ./style.png --ref ./subject.png --output ./combined.png
連続画像の生成(バッチワークフロー)

一貫したスタイルでシリーズを生成するには:

  1. 最初の画像を生成します
  2. 以降の画像で、最初の画像を --ref として使用します
  3. 新しい画像には、それまでに確立されたスタイルが引き継がれます
# Generate cover
python scripts/generate_image.py "Tech knowledge card cover" -o ./01-cover.png

# Generate subsequent cards with style reference
python scripts/generate_image.py "Card 2 content, same style" --ref ./01-cover.png -o ./02-card.png
python scripts/generate_image.py "Card 3 content, same style" --ref ./01-cover.png -o ./03-card.png

ワークフロー

  1. 出力先を決める - 文脈に適した場所に画像を配置します。

    • アプリアイコン → ./assets/icons/
    • マーケティング → ./marketing/
    • UI 要素 → ./src/assets/
    • 汎用 → ./generated/
  2. 効果的なプロンプトを作成する - 具体的かつ詳細に記述します。

    • スタイルを含めます:「フラットデザイン」「3Dレンダリング」「水彩」「ミニマリスト」
    • コンテキストを含めます:「モバイルアプリ向け」「ウェブサイトのヒーロー画像」
    • 詳細を含めます:色、雰囲気、構図
    • 参照画像を使う場合は、「参照画像と同じスタイル」や「ビジュアルスタイルを維持」と記載します
  3. 適切な設定を選ぶ:

    • アイコン/ロゴ → --aspect 1:1
    • バナー/ヘッダー → --aspect 16:9 または 21:9
    • モバイル画面 → --aspect 9:16
    • 小紅書のカード → --aspect 3:4
    • 写真 → --aspect 3:2 または 4:3

例

アプリアイコン:

python scripts/generate_image.py "Minimalist flat design app icon of a lightning bolt, purple gradient background, modern iOS style" \
  --output ./assets/app-icon.png --aspect 1:1

マーケティングバナー:

python scripts/generate_image.py "Professional website hero banner for a productivity app, abstract geometric shapes, blue and white color scheme" \
  --output ./public/images/hero-banner.png --aspect 16:9

小紅書のナレッジカード:

python scripts/generate_image.py "Tech knowledge card, dark blue purple gradient, neon cyan accents, code block style, Chinese text '标题'" \
  --output ./xiaohongshu/card.png --aspect 3:4

スタイルの転写:

python scripts/generate_image.py "Transform this photo into watercolor painting style" \
  --ref ./photo.jpg --output ./watercolor.png

新しいシーンのキャラクター:

python scripts/generate_image.py "Same character from reference, now sitting in a cafe, warm lighting" \
  --ref ./character.png --output ./character-cafe.png --aspect 3:2

プロンプトのヒント

  • 具体的にする - 「木製のテーブルに置かれた赤いリンゴ」と「リンゴ」では、前者のように記述します
  • スタイルを含める - 「ピクセルアート風」や「フォトリアル」
  • 用途を伝える - 「児童書向け」と指定すると、出力のスタイルに影響します
  • 構図を説明する - 「中央配置」「三分割法」「クローズアップ」
  • 色を指定する - 色のパレットを明示すると、より良い結果が得られます
  • 参照画像を使うプロンプト - 「参照画像と同じスタイル」「ビジュアルの美しさを維持」「カラーパレットを合わせる」を使用します
  • 避けること - 画像内に複雑なテキストを入れないようにします(代わりに後から重ねてください)

制限事項

  • 1回のリクエストにつき、参照画像は最大14枚です
  • テキストの描画は不完全な場合があります(テキストは別途重ねる方法がおすすめです)
  • 非常に具体的なブランドロゴは、正確に再現されない場合があります

コメント