nano-banana-builder
✓Google Gemini の Nano Banana および Nano Banana Pro 画像生成 API を利用したフルスタック Web アプリケーションを構築します。 Next.js 画像ジェネレーター、エディター、ギャラリー、または gemini-2.5-flash-image または gemini-3-pro-image-preview モデルを統合する Web アプリを作成するときに使用します。 React コンポーネント、サーバー アクション、API ルート、ストレージ、レート制限、運用環境のデプロイメント パターンをカバーします。
SKILL.md
Build production-ready web applications powered by Google's Nano Banana image generation APIs—creating everything from simple text-to-image generators to sophisticated iterative editors with multi-turn conversation.
Use ONLY these exact model strings. Do not invent, guess, or add date suffixes.
| Model String (use exactly) | Alias | Use Case |
Google Gemini の Nano Banana および Nano Banana Pro 画像生成 API を利用したフルスタック Web アプリケーションを構築します。 Next.js 画像ジェネレーター、エディター、ギャラリー、または gemini-2.5-flash-image または gemini-3-pro-image-preview モデルを統合する Web アプリを作成するときに使用します。 React コンポーネント、サーバー アクション、API ルート、ストレージ、レート制限、運用環境のデプロイメント パターンをカバーします。 ソース: chongdashu/cc-skills-nanobananapro。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/chongdashu/cc-skills-nanobananapro --skill nano-banana-builder- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-12
- 更新日
- 2026-02-18
クイックアンサー
nano-banana-builder とは？
Google Gemini の Nano Banana および Nano Banana Pro 画像生成 API を利用したフルスタック Web アプリケーションを構築します。 Next.js 画像ジェネレーター、エディター、ギャラリー、または gemini-2.5-flash-image または gemini-3-pro-image-preview モデルを統合する Web アプリを作成するときに使用します。 React コンポーネント、サーバー アクション、API ルート、ストレージ、レート制限、運用環境のデプロイメント パターンをカバーします。 ソース: chongdashu/cc-skills-nanobananapro。
nano-banana-builder のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/chongdashu/cc-skills-nanobananapro --skill nano-banana-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/chongdashu/cc-skills-nanobananapro