nano-banana について
nanobanana 拡張機能を介して Gemini CLI で画像を生成・編集するスキルです。アイコンや図表から写真の修復、ストーリー画像まで扱えます。
主な機能
- 01テキストからの画像生成
- 02画像の編集と修復
- 03アイコンと図表の作成
- 04パターンとストーリー画像の生成
- 05スタイル・サイズ・バリエーション設定
活用シーン
- 01ブログのアイキャッチ画像の作成
- 02アプリアイコンや UI 素材の生成
- 03説明文からのフローチャート作成
- 04既存写真の修復や編集
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/nano-bananaを入力して読み込まれたか確認します。
同梱ファイルREADME.mdLICENSE
詳細
Nano Banana 画像生成
Gemini CLI の nanobanana 拡張機能を使って、プロフェッショナルな画像を生成します。
このスキルを使う場面
ユーザーが次のことを依頼した場合は、必ずこのスキルを使ってください。
- 画像、グラフィック、イラスト、ビジュアルの作成
- サムネイル、アイキャッチ画像、バナーの作成
- アイコン、図、パターンの作成
- 写真の編集、変更、修復
- 「生成する」「作成する」「描く」「デザインする」「視覚化する」などの依頼
他の方法で画像を生成しようとしないでください。
初めて使う前に
- 拡張機能がインストールされていることを確認します。
gemini extensions list | grep nanobanana - インストールされていない場合は、インストールします。
gemini extensions install https://github.com/gemini-cli-extensions/nanobanana - 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 |
| ブログのアイキャッチ画像 | 1200x630 | SNS のプレビューに適しています |
| 正方形の SNS 画像 | 1080x1080 | Instagram、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/ に保存されます。
結果の提示
生成が完了したら、次の操作を行います。
./nanobanana-output/の内容を一覧表示し、生成されたファイルを確認します- 最新の画像をユーザーに提示します
- 必要に応じて、バリエーションを指定して再生成することを提案します
調整と反復
ユーザーが変更を依頼した場合：
- 「もう一度試して」／「選択肢を出して」：
--count=3を指定して再生成します - 「もっと［形容詞］にして」：プロンプトを調整して再生成します
- 「これを編集して」：
gemini --yolo "/edit nanobanana-output/filename.png 'adjustment'"を使います - 「別のスタイルで」：コマンドに
--styles="requested_style"を追加します
プロンプトのヒント
- 具体的に指定する：スタイル、雰囲気、色、構図の詳細を含めます
- 「文字なし」と追加する：画像内に文字を描画したくない場合に指定します
- スタイルを指定する：「エディトリアル写真」「フラットイラスト」「3D レンダリング」「水彩画」など
- アスペクト比に合った用途を指定する：「横長バナー」「正方形のサムネイル」「縦型ストーリー」など
トラブルシューティング
| 問題 | 解決方法 |
|---|---|
GEMINI_API_KEY が設定されていない | export GEMINI_API_KEY="your-key" |
| 拡張機能が見つからない | セットアップセクションのインストールコマンドを実行してください |
| クォータを超過した | リセットされるまで待つか、flash モデルに切り替えてください |
| 画像の生成に失敗した | プロンプトにポリシー違反がないか確認し、リクエストを簡素化してください |
| 出力ディレクトリが見つからない | 初回実行時に自動的に作成されます |
コメント
Markdown 対応