Nano Banana Pro Prompts Recommend Skill
YouMind-OpenLab/nano-banana-pro-prompts-recommend-skill
Recommend suitable prompts from 10,000+ Nano Banana Pro image generation prompts based on user needs.
Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs.
Install Nano Banana Builder
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builder --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/nano-banana-builder .claude/skills/nano-banana-builder && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .claude/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builderType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builder --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/nano-banana-builder .agents/skills/nano-banana-builder && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .agents/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builder --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/nano-banana-builder .cursor/skills/nano-banana-builder && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .cursor/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/chongdashu/cc-skills-nanobananapro.git --path .claude/skills/nano-banana-builder--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builder --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/nano-banana-builder .gemini/skills/nano-banana-builder && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .gemini/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/nano-banana-builder .github/skills/nano-banana-builder && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .github/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install chongdashu/cc-skills-nanobananapro nano-banana-builder --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/chongdashu/cc-skills-nanobananapro.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/nano-banana-builder .opencode/skills/nano-banana-builder && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "nano-banana-builder" agent skill from https://github.com/chongdashu/cc-skills-nanobananapro/tree/main/.claude/skills/nano-banana-builder into .opencode/skills/nano-banana-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-builder", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
nano-banana-builder- GitHub stars
- 138
- Used in
- 1 other repo
- Token cost
- ~2.2k tokens
- SKILL.md length
- 778 words
- Files
- 3 (incl. references)
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- None found
At a glance
Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs.
- Works in 5 steps: Conversation over configuration:… → Model selection matters: Use… → State as conversation history: Track… → …
- Creating Next.js image generators
- SKILL.md covers CRITICAL: Exact Model Names, Philosophy: Conversational…, Quick Start and Advanced Implementation, plus 5 more sections
- Calls npm; needs GEMINI_API_KEY and BLOB_READ_WRITE_TOKEN
What it does
Nano Banana Builder is an agent skill from chongdashu/cc-skills-nanobananapro. Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs. Use when creating Next.js image generators, editors, galleries, or any web app that integrates gemini-2.5-flash-image or gemini-3-pro-image-preview models. Covers React components, server actions, API routes, storage, rate limiting, and production deployment patterns.
Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/advanced-patterns.md` and `references/configuration.md`).
It sits in Media & Creative, covering Image generation. It works with Google Gemini and Next.js.
When your agent uses it
- Creating Next.js image generators
- Any web app that integrates gemini-2.5-flash-image
- Gemini-3-pro-image-preview models
Example prompts
- “/nano-banana-builder”
Requirements
- Node.js
- A credential in GEMINI_API_KEY
- A credential in BLOB_READ_WRITE_TOKEN
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Conversation over configuration: Leverage Nano Banana's iterative editing rather than complex parameter UIs
- Model selection matters: Use gemini-2.5-flash-image for speed/iterations, gemini-3-pro-image-preview for quality/complexity
- State as conversation history: Track generations as chat messages to enable multi-turn editing
- Rate limit awareness: Image generation has strict quotas—implement queuing and caching
- Storage strategy: Store generated images (Vercel Blob/S3), not just inline base64
What it can do on your machine
Read from SKILL.md and the folder at commit 6e8a27f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names these keys or tokens, usually read from environment variables:
GEMINI_API_KEYBLOB_READ_WRITE_TOKENS3_ACCESS_KEY_IDS3_SECRET_ACCESS_KEYUPSTASH_REDIS_REST_TOKEN
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Nano Banana Builder loads about 2.2k tokens when it runs, and up to ~7.2k if it reads all its reference files. Until then it costs about 101 tokens; SKILL.md has 778 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NoteMentions a .env fileSKILL.md:233
# .env.local
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 778 words (~2,242 tokens).
“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.”
- name
- nano-banana-builder
Files
SKILL.md and 2 other files (references) in .claude/skills/nano-banana-builder of chongdashu/cc-skills-nanobananapro.
- SKILL.md
- references/advanced-patterns.md
- references/configuration.md
Open the folder on GitHubat commit 6e8a27f
Used in 1 other repository
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in chongdashu/cc-skills-nanobananapro, which our catalogue first saw on October 7, 2026.
Compare with similar skills
Nano Banana Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Nano Banana Builder this skillchongdashu/cc-skills-nanobananapro | 138 | 1 repos | ~2.2k | Automated safety check: Notes | None | |
| Nano Banana Pro Prompts Recommend SkillYouMind-OpenLab/nano-banana-pro-prompts-recommend-skill | 1.9k | 1 repos | ~4.1k | Automated safety check: Pass | None | |
| Seedance Storyboard Generatorliangdabiao/Seedance2-Storyboard-Generator | 2.6k | — | ~2.2k | Automated safety check: Pass | None | |
| AI Image Creatorcentminmod/my-claude-code-setup | 2.7k | — | ~8.1k | Automated safety check: Notes | MIT | |
| Nano Banananexu-io/nexu | 3.3k | — | ~757 | Automated safety check: Pass | MIT | |
| Chatgpt Image Adkrusemediallc/arcads-claude-code | 1.6k | — | ~2.7k | Automated safety check: Notes | MIT |
Similar skills
Seedance Storyboard Generator
liangdabiao/Seedance2-Storyboard-Generator
专业的Seedance 2.0平台AI视频脚本和分镜生成器。当用户要求：(1) 将文章/故事转换为视频脚本，(2) 生成Seedance 2.0分镜提示词，(3) 规划多集AI视频系列，(4) 为GPT-Image-2、Seedream、Nano Banana…
AI Image Creator
centminmod/my-claude-code-setup
Generate, edit-from-reference, or analyze images with AI via OpenRouter (Gemini, GPT Image, Seedream, Qwen, MAI, Grok, FLUX.2, Recraft, Muse, Riverflow; Cloudflare AI Gateway BYOK).
Nano Banana
nexu-io/nexu
Generate or edit images via Nano Banana image models. An agent skill from nexu-io/nexu.
Chatgpt Image Ad
krusemediallc/arcads-claude-code
Generate one or more standalone Meta image-ad creatives via ChatGPT Image 2 (gpt-image-2) through the Arcads external API.
Nano Banana One Shop
nexu-io/nexu
All-in-one image generation with Gemini models. An agent skill from nexu-io/nexu.
More from chongdashu/cc-skills-nanobananapro
Threejs Builder
chongdashu/cc-skills-nanobananapro
Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering.
Related
Works with
Categories
Questions about Nano Banana Builder
What does Nano Banana Builder do?
Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs. Nano Banana Builder is an agent skill from chongdashu/cc-skills-nanobananapro. Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs.
When should I use Nano Banana Builder?
Nano Banana Builder fits situations like: creating Next.js image generators; any web app that integrates gemini-2.5-flash-image; gemini-3-pro-image-preview models.
How do I install Nano Banana Builder in Claude Code?
Run `npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a claude-code`. Or copy the skill folder (.claude/skills/nano-banana-builder in chongdashu/cc-skills-nanobananapro) into .claude/skills/nano-banana-builder in your project. Claude Code loads it when a task matches its description.
How do I install Nano Banana Builder in Codex?
Run `npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a codex`. Or copy the skill folder (.claude/skills/nano-banana-builder in chongdashu/cc-skills-nanobananapro) into .agents/skills/nano-banana-builder in your project. Codex loads it when a task matches its description.
Can I use Nano Banana Builder in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add chongdashu/cc-skills-nanobananapro --skill nano-banana-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nano-banana-builder, .gemini/skills/nano-banana-builder, .github/skills/nano-banana-builder and .opencode/skills/nano-banana-builder in your project.
What does Nano Banana Builder need to run?
Going by SKILL.md and its folder, Nano Banana Builder needs the command-line tools its instructions call (npm) and credentials named GEMINI_API_KEY, BLOB_READ_WRITE_TOKEN, S3_ACCESS_KEY_ID and S3_SECRET_ACCESS_KEY. Our summary lists: Node.js; A credential in GEMINI_API_KEY; A credential in BLOB_READ_WRITE_TOKEN.
Does Nano Banana Builder access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Nano Banana Builder safe to install?
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
What licence does Nano Banana Builder use?
No licence was found for Nano Banana Builder or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Nano Banana Builder use?
About 2.2k tokens (SKILL.md is roughly 9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5k tokens, read only when the agent opens those files.
What are the alternatives to Nano Banana Builder?
Skills that share tags, products or a category with Nano Banana Builder: Nano Banana Pro Prompts Recommend Skill (YouMind-OpenLab/nano-banana-pro-prompts-recommend-skill, 1.9k stars), Seedance Storyboard Generator (liangdabiao/Seedance2-Storyboard-Generator, 2.6k stars), AI Image Creator (centminmod/my-claude-code-setup, 2.7k stars) and Nano Banana (nexu-io/nexu, 3.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Nano Banana Builder?
chongdashu (a GitHub user) maintains it in chongdashu/cc-skills-nanobananapro, which has 138 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on December 25, 2025.
Source: chongdashu/cc-skills-nanobananapro on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.