Agent Skills by ALSEL
Anthropic ClaudeLLM・AI開発⭐ リポ 0品質スコア 50/100

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, --outputnano-gen-{timestamp}出力ファイル名 (拡張子なし)
-s, --size1K画像サイズ: 512, 1K, 2K, 4K
-a, --aspectモデルデフォルトアスペクト比: 1:1, 16:9, 9:16, 4:3, 3:4 など
-m, --modelflashモデル: flash/nb2, pro/nb-pro、またはモデルID
-d, --dir現在のディレクトリ出力ディレクトリ
-r, --ref-参照画像 (複数回使用可)
-t, --transparent-グリーンスクリーンで生成、背景を削除 (FFmpeg)
--api-key-Gemini APIキー (環境変数/ファイルを上書き)
--costs-コスト概要を表示

モデル

エイリアスモデル使用場面
flash, nb2Gemini 3.1 Flashデフォルト。高速、低価格 (~$0.067/1K画像)
pro, nb-proGemini 3 Pro最高品質が必要な場合 (~$0.134/1K画像)

サイズ

サイズFlash価格Pro価格
512~$0.045Flashのみ
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

正確な寸法

特定の出力寸法を取得するには:

  1. 最初の -r フラグ: 参照/スタイル画像
  2. 最後の -r フラグ: ターゲット寸法の空白画像
  3. プロンプトに寸法を含める
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キーを以下の順序で解決します:

  1. --api-key フラグ
  2. GEMINI_API_KEY 環境変数
  3. 現在のディレクトリの .env ファイル
  4. CLIスクリプトの隣の .env ファイル
  5. ~/.nano-banana/.env

キーの取得: https://aistudio.google.com/apikey

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者
kingbootoshi
リポジトリ
kingbootoshi/nano-banana-2-skill
ライセンス
MIT
最終更新
不明

Source: https://github.com/kingbootoshi/nano-banana-2-skill / ライセンス: MIT

関連スキル

OpenAILLM・AI開発⭐ リポ 6,054

agent-browser

AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。

by JimmyLv
汎用LLM・AI開発⭐ リポ 1,982

anyskill

AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。

by LeoYeAI
汎用LLM・AI開発⭐ リポ 1,982

engram

AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。

by LeoYeAI
汎用LLM・AI開発⭐ リポ 21,584

skyvern

AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。

by Skyvern-AI
汎用LLM・AI開発⭐ リポ 1,149

pinchbench

PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。

by pinchbench
汎用LLM・AI開発⭐ リポ 4,693

openui

OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。

by thesysdev
本サイトは GitHub 上で公開されているオープンソースの SKILL.md ファイルをクロール・インデックス化したものです。 各スキルの著作権は原作者に帰属します。掲載に問題がある場合は info@alsel.co.jp または /takedown フォームよりご連絡ください。
原作者: kingbootoshi · kingbootoshi/nano-banana-2-skill · ライセンス: MIT