nano-banana
「画像を生成して」「スプライトを作って」「アセットを作成して」「アートワークを生成して」など、画像生成に関するあらゆる依頼に応えるスキルです。nano-banana CLIを使用してAI画像を生成し(デフォルトはGemini 3.1 Flash、Proも利用可能)、512〜4Kの複数解像度やアスペクト比の指定、スタイル転送のための参照画像、透過アセット向けのグリーンスクリーンワークフロー、コスト管理、正確なサイズ指定に対応します。UIモックアップ・ゲームアセット・動画・マーケティング素材など幅広い用途に活用できます。
description の原文を見る
Generates AI images using the nano-banana CLI (Gemini 3.1 Flash default, Pro available). Handles multi-resolution (512-4K), aspect ratios, reference images for style transfer, green screen workflow for transparent assets, cost tracking, and exact dimension control. Use when asked to "generate an image", "create a sprite", "make an asset", "generate artwork", or any image generation task for UI mockups, game assets, videos, or marketing materials.
SKILL.md 本文
nano-banana
AI画像生成CLI。デフォルトモデル: Gemini 3.1 Flash Image Preview (Nano Banana 2)。
/init - 初回セットアップ
ユーザーが「init」「setup nano-banana」「install nano-banana」と言ったら、以下のコマンドを実行してマシンにCLIツールをインストールします。sudoは不要です。
前提条件: Bunがインストール済みであること。未インストールの場合: curl -fsSL https://bun.sh/install | bash
# 1. リポジトリをクローン
git clone https://github.com/kingbootoshi/nano-banana-2-skill.git ~/tools/nano-banana-2
# 2. 依存関係をインストール
cd ~/tools/nano-banana-2 && bun install
# 3. グローバルにリンク (Bunで `nano-banana` コマンドを作成 - sudoなし)
cd ~/tools/nano-banana-2 && bun link
# 4. APIキーをセットアップ
mkdir -p ~/.nano-banana
echo "GEMINI_API_KEY=<ask user for their key>" > ~/.nano-banana/.env
初回セットアップ後、ユーザーはどこからでも nano-banana "prompt" コマンドを実行できます。
bun link に失敗した場合またはリンク後にコマンドが見つからない場合は、以下にフォールバックしてください:
mkdir -p ~/.local/bin
ln -sf ~/tools/nano-banana-2/src/cli.ts ~/.local/bin/nano-banana
# その後、 ~/.local/bin がPATHにあることを確認:
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc
Gemini APIキーは以下から取得: https://aistudio.google.com/apikey
クイックリファレンス
- コマンド:
nano-banana "prompt" [options] - デフォルト: 1K解像度、Flashモデル、現在のディレクトリ
コアオプション
| オプション | デフォルト | 説明 |
|---|---|---|
-o, --output | nano-gen-{timestamp} | 出力ファイル名 (拡張子なし) |
-s, --size | 1K | 画像サイズ: 512, 1K, 2K, 4K |
-a, --aspect | モデルデフォルト | アスペクト比: 1:1, 16:9, 9:16, 4:3, 3:4 など |
-m, --model | flash | モデル: flash/nb2, pro/nb-pro、またはモデルID |
-d, --dir | 現在のディレクトリ | 出力ディレクトリ |
-r, --ref | - | 参照画像 (複数回使用可) |
-t, --transparent | - | グリーンスクリーンで生成、背景を削除 (FFmpeg) |
--api-key | - | Gemini APIキー (環境変数/ファイルを上書き) |
--costs | - | コスト概要を表示 |
モデル
| エイリアス | モデル | 使用場面 |
|---|---|---|
flash, nb2 | Gemini 3.1 Flash | デフォルト。高速、低価格 (~$0.067/1K画像) |
pro, nb-pro | Gemini 3 Pro | 最高品質が必要な場合 (~$0.134/1K画像) |
サイズ
| サイズ | Flash価格 | Pro価格 |
|---|---|---|
512 | ~$0.045 | Flashのみ |
1K | ~$0.067 | ~$0.134 |
2K | ~$0.101 | ~$0.201 |
4K | ~$0.151 | ~$0.302 |
アスペクト比
サポート: 1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 4:5, 5:4, 21:9
-a フラグを使用: nano-banana "cinematic scene" -a 16:9
主要なワークフロー
基本的な生成
nano-banana "minimal dashboard UI with dark theme"
nano-banana "cinematic landscape" -s 2K -a 16:9
nano-banana "quick concept sketch" -s 512
モデル選択
# デフォルト (Flash - 高速、低価格)
nano-banana "your prompt"
# Pro (最高品質)
nano-banana "detailed portrait" --model pro -s 2K
参照画像 (スタイル転送 / 編集)
# 既存の画像を編集
nano-banana "change the background to pure white" -r dark-ui.png -o light-ui
# スタイル転送 - 複数の参照画像
nano-banana "combine these two styles" -r style1.png -r style2.png -o combined
透明アセット
nano-banana "robot mascot character" -t -o mascot
nano-banana "pixel art treasure chest" -t -o chest
-t フラグは自動的にAIにグリーンスクリーンで生成するよう指示し、FFmapegの colorkey + despill を使用して背景をキーアウトし、エッジピクセルの緑色をフリンジを除去します。手動プロンプティング不要で、ピクセルパーフェクトな透明性を実現します。
必要: brew install ffmpeg imagemagick
正確な寸法
特定の出力寸法を取得するには:
- 最初の
-rフラグ: 参照/スタイル画像 - 最後の
-rフラグ: ターゲット寸法の空白画像 - プロンプトに寸法を含める
nano-banana "pixel art character in style of first image, 256x256" -r style.png -r blank-256x256.png -o sprite
参照順序は重要
- 最初の参照: プライマリスタイル/コンテンツソース
- 追加参照: セカンダリインフルエンス
- 最後の参照: 出力寸法をコントロール (空白画像トリックを使用する場合)
コスト追跡
すべての生成は ~/.nano-banana/costs.json にログされます。概要を表示:
nano-banana --costs
ユースケース
- ランディングページのアセット - 製品モックアップ、UIプレビュー
- 画像編集 - プロンプトで既存の画像を変換
- スタイル転送 - 複数の参照画像を組み合わせる
- マーケティング素材 - ヒーロー画像、フィーチャーイラスト
- UI反復 - デザインのバリエーションを素早く生成
- 透明アセット - 背景なしのアイコン、ロゴ、マスコット
- ゲームアセット - スプライト、背景、キャラクター
- ビデオ制作 - ビデオコンポジション用のビジュアル要素
プロンプト例
# UIモックアップ
nano-banana "clean SaaS dashboard with analytics charts, white background"
# ワイドスクリーンシネマティック
nano-banana "cyberpunk cityscape at sunset" -a 16:9 -s 2K
# Pro品質での製品ショット
nano-banana "premium software product hero image" --model pro
# クイック低解像度コンセプト
nano-banana "rough sketch of a robot" -s 512
# ダークモードUI
nano-banana "Premium SaaS chat interface, dark mode, minimal, Linear-style aesthetic"
# 透明性付きゲームアセット (グリーンスクリーン自動プロンプト)
nano-banana "pixel art treasure chest" -t -o chest
# ポートレートアスペクト比
nano-banana "mobile app onboarding screen" -a 9:16
APIキーセットアップ
CLIはGemini APIキーを以下の順序で解決します:
--api-keyフラグGEMINI_API_KEY環境変数- 現在のディレクトリの
.envファイル - CLIスクリプトの隣の
.envファイル ~/.nano-banana/.env
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- kingbootoshi
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/kingbootoshi/nano-banana-2-skill / ライセンス: MIT
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。