Nano Banana Pro 画像生成スキル

概要

nano-banana-pro-image-gen は、コミュニティ提供のオープンソース AI Agent スキルで、Codex CLI, OpenCode, Gemini CLI, GitHub Copilot, Cursor, Amp などで、1回の自然言語コマンドだけで画像を生成・編集できます。APIYI 経由で Nano Banana Pro モデルを呼び出します。複雑なセットアップは不要で、インストールするだけですぐ使えます。

プロジェクト情報

🔗 ソースコード: github.com/wuchubuzai2018/expert-skills-hub
🌐 スキルページ: skills.sh/wuchubuzai2018/expert-skills-hub/nano-banana-pro-image-gen
👤 作者: wuchubuzai2018
⭐ コミュニティ提供

このスキルが優れている理由

1行で画像生成

AIコーディングアシスタント内で自然言語で説明するだけで、エディタを離れずに高品質な画像を即座に生成できます

画像編集

既存の画像を編集用に渡したり、最大14枚の参照画像を使用したりできるため、スタイル転送や内容の変更が可能です

マルチプラットフォーム

Codex CLI、OpenCode、Gemini CLI、GitHub Copilot、Cursor、Amp などで動作します

柔軟な出力

10種類のアスペクト比 + 3段階の解像度（1K/2K/4K）に対応し、簡易プレビューから高解像度ポスターまで幅広くカバーします

対応 APIYI モデル

モデル名	モデル ID	用途	API ドキュメント
Nano Banana Pro	`gemini-3-pro-image-preview`	テキストから画像、画像から画像	ドキュメントを見る

このスキルは Nano Banana Pro モデルを使用します。Nano Banana 2 でより高速かつ低コストにしたい場合は、Nano Banana ComfyUI Nodes をご覧ください。こちらは両方のモデルに対応しています。

クイックスタート: 画像生成の3ステップ

ステップ 1: APIYI キーを取得する

APIYI コンソールにアクセスして登録/ログインします
トークンセクションに移動し、新しい API キーを生成します
キーをコピーします（sk- で始まります）

新規ユーザーには無料トライアルクレジットが付与され、Nano Banana の画像生成を体験できます。

ステップ 2: スキルをインストールする

以下のコマンドをターミナルで実行します。

npx skills add https://github.com/wuchubuzai2018/expert-skills-hub --skill nano-banana-pro-image-gen

Node.js が必要です。未インストールの場合は、ダウンロードするために nodejs.org を参照してください。Python はフォールバックのランタイムとして使用できます。

ステップ 3: API キーを設定する

環境変数を設定します。

export APIYI_API_KEY="sk-your-apiyi-key"

Windows PowerShell を使用している場合:

$env:APIYI_API_KEY="sk-your-apiyi-key"

毎回設定しなくて済むように、環境変数を ~/.zshrc または ~/.bashrc に追加してください。

設定は完了です。これで、Skills 対応の任意の AI コーディングツールで、画像生成を直接使用できます。

実践チュートリアル

使い方 1: コマンドラインでのテキストから画像生成

最も直接的な方法です — ターミナルに説明を入力して画像を生成します。

node scripts/generate_image.js \
  -p "An astronaut cat floating in space, Earth in the background, digital art style" \
  -f "astronaut-cat.png" \
  -a 16:9 \
  -r 2K

python scripts/generate_image.py \
  -p "An astronaut cat floating in space, Earth in the background, digital art style" \
  -f "astronaut-cat.png" \
  -a 16:9 \
  -r 2K

使い方 2: 既存の画像を編集する

1つ以上の参照画像を渡し、望む変更内容を自然言語で説明します。

node scripts/generate_image.js \
  -p "Convert this photo to Studio Ghibli animation style, keep the character composition" \
  -i "photo.jpg" \
  -f "ghibli-style.png" \
  -r 2K

複数の参照画像（最大14枚）に対応しており、自動的に Base64 に変換されます。

node scripts/generate_image.js \
  -p "Merge these elements into a poster" \
  -i "bg.jpg" -i "logo.png" -i "text.png" \
  -f "poster.png" \
  -a 3:4 \
  -r 4K

使い方 3: AI コーディングアシスタント内で使う

Skill をインストールしたあと、対応する AI コーディングツールで自然言語コマンドを使用します。

Codex CLI / OpenCode: 「4K で 16:9 のサイバーパンクな街並みの壁紙を生成して」
Cursor: 「商品ロゴを生成して、ミニマルなスタイル、1:1 比率で」
Gemini CLI: 「input.jpg を編集して、背景を夕焼けのビーチに変更して」

AI アシスタントが Skill を自動的に呼び出して画像を生成します。

コマンドパラメータ

パラメータ	短縮	必須	説明	例
`--prompt`	`-p`	はい	画像の説明または編集指示	`"a cat"`
`--filename`	`-f`	いいえ	出力ファイルのパス（省略時は自動生成）	`"output.png"`
`--aspect-ratio`	`-a`	いいえ	アスペクト比	`16:9`
`--resolution`	`-r`	いいえ	解像度（大文字である必要があります）	`1K`, `2K`, `4K`
`--input-image`	`-i`	いいえ	入力画像のパス（複数指定可、最大14件）	`"photo.jpg"`
`--key`	`-k`	いいえ	インライン API Key（環境変数の使用を推奨）	`"sk-xxx"`

対応アスペクト比

1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 5:4, 4:5, 21:9

解像度と処理時間

解像度	目安時間	適した用途
1K	約30秒	クイックプレビュー、テスト
2K（デフォルト）	1〜4分	日常利用、SNS
4K	長め	HDポスター、印刷物

よくある質問

インストールエラーですか？

以下を確認してください：

Node.js がインストールされていること（確認するには node -v を実行してください）
ネットワーク接続が正常に動作していること
npx が利用できない場合は、リポジトリを手動でクローンしてください：

git clone https://github.com/wuchubuzai2018/expert-skills-hub.git

その後、skills/nano-banana-pro-image-gen ディレクトリを Skills フォルダにコピーしてください。

API Key が無効ですか？

以下を確認してください：

APIYI_API_KEY 環境変数が正しく設定されていること（sk- で始まること）
APIYI アカウントの残高が十分にあること
-k パラメータを使って、キーを直接渡してテストすることもできます

解像度パラメータが機能しませんか？

解像度は大文字で指定してください：1K、2K、4K。小文字の 1k、2k は認識されません。

画像生成が遅いですか？

4K 解像度は本質的により長い処理時間が必要です（5分を超える場合があります）
まず 1K 解像度で prompt と構図を確認してください
満足できたら、最終版は 2K または 4K に切り替えてください

APIYI API key を取得するには？

APIYI コンソールにアクセスし、アカウントを登録して、Token セクションで新しいキーを生成してください。新規ユーザーには無料トライアルクレジットが付与されます。

どの AI コーディングツールが対応していますか？

現在対応しているのは、Codex CLI、OpenCode、Gemini CLI、GitHub Copilot、Cursor、Amp です。Skills プロトコルをサポートするツールなら、どれでも使用できます。

Nano Banana Pro ドキュメント

Nano Banana Pro の完全な API ドキュメントと料金を確認できます

APIYI GPT-Image 2 スキル（同じ作者）

wuchubuzai2018 の gpt-image-2 / gpt-image-2-all 向け姉妹スキル

Nano Banana ComfyUI ノード

ComfyUI で Nano Banana の画像生成を使用

画像生成失敗のトラブルシューティング

Nano Banana の画像生成トラブルシューティングガイド

APIYI - トークン管理

APIキーを管理し、使用状況と残高を確認できます

概要

対話AI

プログラミング

コミュニティ投稿

AIエージェント

エンジニアリング

翻訳

Nano Banana Pro 画像生成スキル

概要

このスキルが優れている理由

1行で画像生成

画像編集

マルチプラットフォーム

柔軟な出力

対応 APIYI モデル

クイックスタート: 画像生成の3ステップ

実践チュートリアル

使い方 1: コマンドラインでのテキストから画像生成

使い方 2: 既存の画像を編集する

使い方 3: AI コーディングアシスタント内で使う

コマンドパラメータ

対応アスペクト比

解像度と処理時間

よくある質問

関連リソース

Nano Banana Pro ドキュメント

APIYI GPT-Image 2 スキル（同じ作者）

Nano Banana ComfyUI ノード

画像生成失敗のトラブルシューティング

APIYI - トークン管理

​概要

​このスキルが優れている理由

1行で画像生成

画像編集

マルチプラットフォーム

柔軟な出力

​対応 APIYI モデル

​クイックスタート: 画像生成の3ステップ

​実践チュートリアル

​使い方 1: コマンドラインでのテキストから画像生成

​使い方 2: 既存の画像を編集する

​使い方 3: AI コーディングアシスタント内で使う

​コマンドパラメータ

​対応アスペクト比

​解像度と処理時間

​よくある質問

​関連リソース

Nano Banana Pro ドキュメント

APIYI GPT-Image 2 スキル（同じ作者）

Nano Banana ComfyUI ノード

画像生成失敗のトラブルシューティング

APIYI - トークン管理

概要

このスキルが優れている理由

対応 APIYI モデル

クイックスタート: 画像生成の3ステップ

実践チュートリアル

使い方 1: コマンドラインでのテキストから画像生成

使い方 2: 既存の画像を編集する

使い方 3: AI コーディングアシスタント内で使う

コマンドパラメータ

対応アスペクト比

解像度と処理時間

よくある質問

関連リソース