mcpField
N
nano-banana

nano-banana

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

nano-banana について

nano-bananaは、Gemini CLIのnanobanana拡張で画像を生成・編集するスキルです。イラスト、アイコン、図表、写真修復、パターン、連続画像向けのコマンドを案内します。

主な機能

  1. 01テキストからの画像生成
  2. 02画像編集と写真修復
  3. 03アイコン・図表生成コマンド
  4. 04パターン・連続画像の生成
  5. 05バリエーション・スタイル・形式の指定

活用シーン

  1. 01ブログ用ヘッダーやSNSバナーの作成
  2. 02アプリアイコンやフローチャートの生成
  3. 03既存写真の修復や編集
  4. 04反復パターンや漫画の作成

インストール

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

$npx skills add https://github.com/nicepkg/ai-workflow --skill nano-banana

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

詳細

Nano Banana 画像生成

Gemini CLI の nanobanana 拡張機能を使って、プロフェッショナルな画像を生成します。

このスキルを使う場面

ユーザーが次のことを依頼した場合は、必ずこのスキルを使ってください。

  • 画像、グラフィック、イラスト、ビジュアルの作成
  • サムネイル、アイキャッチ画像、バナーの作成
  • アイコン、図、パターンの作成
  • 写真の編集、変更、修復
  • 「生成する」「作成する」「描く」「デザインする」「視覚化する」などの依頼

他の方法で画像を生成しようとしないでください。

初めて使う前に

  1. 拡張機能がインストールされていることを確認します。
    gemini extensions list | grep nanobanana
    
  2. インストールされていない場合は、インストールします。
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana
    
  3. API キーが設定されていることを確認します。
    [ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"
    

コマンドの選択

ユーザーの依頼コマンド
「ブログのヘッダーを作って」/generate
「アプリアイコンを作成して」/icon
「…のフローチャートを描いて」/diagram
「この古い写真を修復して」/restore
「背景を削除して」/edit
「繰り返し使えるテクスチャを作成して」/pattern
「コミックストリップを作成して」/story

利用可能なコマンド

**注意:**すべてのツール操作を自動承認するため、必ず --yolo フラグを使ってください。

コマンド用途
gemini --yolo "/generate 'prompt'"テキストから画像を生成
gemini --yolo "/edit file.png 'instruction'"既存の画像を変更
gemini --yolo "/restore old_photo.jpg 'fix scratches'"損傷した写真を修復
gemini --yolo "/icon 'description'"アプリアイコン、ファビコン、UI 要素
gemini --yolo "/diagram 'description'"フローチャート、アーキテクチャ図
gemini --yolo "/pattern 'description'"シームレスなテクスチャやパターン
gemini --yolo "/story 'description'"連続した画像、物語形式の画像
gemini --yolo "/nanobanana prompt"自然言語インターフェース

よく使うオプション

  • --yolo - 必須。 すべてのツール操作を自動承認します(確認プロンプトは表示されません)
  • --count=N - N 個のバリエーションを生成します(1〜8)
  • --preview - 生成した画像を自動的に開きます
  • --styles="style1,style2" - アートスタイルを適用します
  • --format=grid|separate - 出力形式を指定します

よく使うサイズ

用途寸法備考
YouTube サムネイル1280x720--aspect=16:9
ブログのアイキャッチ画像1200x630SNS のプレビューに適しています
正方形の SNS 画像1080x1080Instagram、LinkedIn
Twitter/X のヘッダー1500x500横長のバナー
縦型ストーリー1080x1920--aspect=9:16

モデルの選択

デフォルト:gemini-2.5-flash-image(約 $0.04/画像)

高品質が必要な場合(4K、より優れた推論):

export NANOBANANA_MODEL=gemini-3-pro-image-preview

ブログのアイキャッチ画像の例

# Modern illustration style
gemini --yolo "/generate 'modern flat illustration of developer coding at laptop, purple and blue gradient background, minimalist style, no text' --preview"

# Professional photography style
gemini --yolo "/generate 'professional editorial photo of coffee cup next to laptop on wooden desk, morning sunlight, shallow depth of field, no text' --count=3"

# Tech/abstract
gemini --yolo "/generate 'abstract visualization of neural network connections, dark background with glowing blue nodes, futuristic style' --preview"

アイコンの生成

gemini --yolo "/icon 'minimalist app logo for productivity tool' --sizes='64,128,256,512' --type='app-icon' --corners='rounded'"

図の生成

gemini --yolo "/diagram 'user authentication flow with OAuth' --type='flowchart' --style='modern'"

出力先

生成された画像はすべて、カレントディレクトリの ./nanobanana-output/ に保存されます。

結果の提示

生成が完了したら、次の操作を行います。

  1. ./nanobanana-output/ の内容を一覧表示し、生成されたファイルを確認します
  2. 最新の画像をユーザーに提示します
  3. 必要に応じて、バリエーションを指定して再生成することを提案します

調整と反復

ユーザーが変更を依頼した場合:

  • 「もう一度試して」/「選択肢を出して」:--count=3 を指定して再生成します
  • 「もっと[形容詞]にして」:プロンプトを調整して再生成します
  • 「これを編集して」:gemini --yolo "/edit nanobanana-output/filename.png 'adjustment'" を使います
  • 「別のスタイルで」:コマンドに --styles="requested_style" を追加します

プロンプトのヒント

  1. 具体的に指定する:スタイル、雰囲気、色、構図の詳細を含めます
  2. 「文字なし」と追加する:画像内に文字を描画したくない場合に指定します
  3. スタイルを指定する:「エディトリアル写真」「フラットイラスト」「3D レンダリング」「水彩画」など
  4. アスペクト比に合った用途を指定する:「横長バナー」「正方形のサムネイル」「縦型ストーリー」など

トラブルシューティング

問題解決方法
GEMINI_API_KEY が設定されていないexport GEMINI_API_KEY="your-key"
拡張機能が見つからないセットアップセクションのインストールコマンドを実行してください
クォータを超過したリセットされるまで待つか、flash モデルに切り替えてください
画像の生成に失敗したプロンプトにポリシー違反がないか確認し、リクエストを簡素化してください
出力ディレクトリが見つからない初回実行時に自動的に作成されます

コメント