AI Image Generation and Editing
zhayujie/CowAgent
Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.
Generate and edit images using Google Gemini image models via the nano-banana CLI.
$ npx skills add BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegen --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/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .claude/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .claude/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegenType 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 BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegen --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .agents/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .agents/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .agents/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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 BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegen --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .cursor/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .cursor/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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/BlackBeltTechnology/pi-agent-dashboard.git --path packages/nano-banana/.pi/skills/nano-banana-imagegen--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 BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegen --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .gemini/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .gemini/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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 BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegenInstalls 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 BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .github/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .github/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .github/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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 BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install BlackBeltTechnology/pi-agent-dashboard nano-banana-imagegen --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/packages/nano-banana/.pi/skills/nano-banana-imagegen .opencode/skills/nano-banana-imagegen && 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-imagegen" agent skill from https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/nano-banana/.pi/skills/nano-banana-imagegen into .opencode/skills/nano-banana-imagegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nano-banana-imagegen", 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.
nano-banana-imagegenGenerate and edit images using Google Gemini image models via the nano-banana CLI.
Nano Banana Imagegen is an agent skill from BlackBeltTechnology/pi-agent-dashboard. Generate and edit images using Google Gemini image models via the nano-banana CLI. Use when the user asks to create, generate, make, or edit images with AI. Supports text-to-image, image editing, style transfer, and multi-image composition. Trigger on requests like "create an image", "generate a picture", "make me a logo", "edit this photo", "add X to this image".
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `references/headers-and-heroes.md`, `references/icons-and-logos.md` and `references/illustrations.md`).
It sits in Media & Creative, covering Image generation and Image editing. It works with Google Gemini. The repository describes itself as: Real-time web dashboard for pi coding-agent sessions. Multi-session view, live chat mirroring, integrated terminal, diff viewer, pi-flows execution, and mobile-first remote… The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 7a2d171. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
GEMINI_API_KEYOPENROUTER_API_KEYFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Nano Banana Imagegen loads about 1.6k tokens when it runs, and up to ~7.4k if it reads all its reference files. Until then it costs about 97 tokens; SKILL.md has 619 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.
The automated check noted patterns worth knowing about, such as sudo or a known installer.
set via the environment or a gitignored `.env` in the projectOr create a `.env` file in your project: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.
The full file from BlackBeltTechnology/pi-agent-dashboard at commit 7a2d171, republished under its MIT licence (© BlackBeltTechnology). 619 words, ~1,644 tokens.
.claude/skills/nano-banana-imagegen/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.Generate and edit images using Google's Gemini image models. This skill ships the
pi-nano-banana CLI (a TypeScript wrapper — no Python) that resolves the
GEMINI_API_KEY for you and delegates to @the-focus-ai/nano-banana.
GEMINI_API_KEY set via the environment or a gitignored .env in the project
or package directory (the CLI resolves it automatically).@the-focus-ai/nano-banana CLI is fetched via npx.Prefer the bundled pi-nano-banana bin (auto key resolution, output-dir creation):
# Generate a new image
pi-nano-banana "a serene mountain landscape at sunset"
# Edit an existing image
pi-nano-banana "add a hot air balloon to the sky" --file photo.jpg
# Specify output path
pi-nano-banana "a minimalist logo" --output logo.png
# Use a specific model / faster flash model
pi-nano-banana "detailed illustration" --model gemini-2.0-flash-exp
pi-nano-banana "a quick sketch" --flashThe raw CLI still works if you prefer it (npx @the-focus-ai/nano-banana "…").
For batch generation from code, import batchGenerate from
@blackbelt-technology/pi-dashboard-nano-banana/nano-banana.js.
Before generating, clarify:
Read references/prompting-guide.md for comprehensive guidance.
Key principles:
Example — Weak prompt:
"a cat"Example — Strong prompt:
"A fluffy orange tabby cat curled up on a velvet armchair, soft afternoon sunlight streaming through a window, warm cozy interior, photorealistic style, shallow depth of field"npx @the-focus-ai/nano-banana "your detailed prompt here"Default output: output/generated-<timestamp>.png
If the result isn't right:
--file to modify the generated imagenpx @the-focus-ai/nano-banana "<prompt>"npx @the-focus-ai/nano-banana "<edit instruction>" --file <input-image>Edit instructions should describe the change:
| Option | Description |
|---|---|
--file <image> | Input image for editing |
--output <path> | Custom output path |
--model <name> | Specific Gemini model |
--flash | Use gemini-2.0-flash (faster, simpler images) |
--prompt-file <path> | Read prompt from file |
--list-models | Show available models |
--api-key <key> | Explicit Gemini key |
--backend gemini|pi | Backend (default gemini; pi is opt-in, see below) |
--backend pi (or NANO_BANANA_BACKEND=pi) generates through pi's own model
runtime instead of the Gemini CLI — no GEMINI_API_KEY needed.
/login openrouter) or set OPENROUTER_API_KEY.@earendil-works/pi-coding-agent >= 1.0.0 resolvable next to this package.backend: "pi".google/ in front
(--model gemini-3-pro-image → google/gemini-3-pro-image); non-Google models
need the full vendor/model id (black-forest-labs/flux.2-pro). Default
google/gemini-2.5-flash-image; --flash maps to google/gemini-3.1-flash-lite-image.
gemini-2.0-flash-exp does not exist there — an unknown id lists the known ones.(pi · <model>) · ~$<cost> est. — an estimate
computed from token usage, not the billed amount.pi-nano-banana "a red fox in the snow, watercolor" -o fox.png --backend pi
pi-nano-banana "make it night" --file fox.png -o fox-night.png --backend piEnsure GEMINI_API_KEY is set:
export GEMINI_API_KEY="your-api-key-here"Or create a .env file in your project:
GEMINI_API_KEY=your-api-key-here| Problem | Solution |
|---|---|
| "No image in response" | Prompt may have triggered safety filters — rephrase |
| Poor quality results | Add more specific style guidance, use gemini-2.0-flash-exp |
--backend pi: "Provider is not configured" | Run /login openrouter in pi or set OPENROUTER_API_KEY |
--backend pi: "needs @earendil-works/pi-coding-agent >= 1.0.0" | Install/update pi next to the package |
| Image doesn't match description | Be more explicit about composition, add negative constraints |
© BlackBeltTechnology, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 6 other files (references) in packages/nano-banana/.pi/skills/nano-banana-imagegen of BlackBeltTechnology/pi-agent-dashboard.
Open the folder on GitHubat commit 7a2d171
Nano Banana Imagegen 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 Imagegen this skillBlackBeltTechnology/pi-agent-dashboard | 315 | — | ~1.6k | Automated safety check: Notes | MIT | |
| AI Image Generation and Editingzhayujie/CowAgent | 47k | — | ~1.3k | Automated safety check: Pass | MIT | |
| BlockRun Image GenerationBlockRunAI/ClawRouter | 6.6k | — | ~2.1k | Automated safety check: Pass | MIT | |
| Antigravity Gemini ImageuluckyXH/OpenMOSS | 1.3k | — | ~730 | Automated safety check: Notes | MIT | |
| FigureMuuuun/luxas | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Gemini Image Generatordair-ai/dair-academy-plugins | 614 | 2 repos | ~3.5k | Automated safety check: Notes | MIT |
zhayujie/CowAgent
Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.
BlockRunAI/ClawRouter
Generates or edits images through ClawRouter's local image API, with a choice of models and sizes and payment handled automatically through x402.
uluckyXH/OpenMOSS
Generate or edit images using the Antigravity-hosted Gemini image model via the local gateway.
Muuuun/luxas
Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly).
dair-ai/dair-academy-plugins
Generates and edits images with Google's Gemini Nano Banana Pro model through the Gemini API, including photo edits and multi-image composition.
ReScienceLab/opc-skills
Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro).
BlackBeltTechnology/pi-agent-dashboard
Browser automation via the agent-browser CLI. An agent skill from BlackBeltTechnology/pi-agent-dashboard.
BlackBeltTechnology/pi-agent-dashboard
Diagnose failed GitHub Actions runs for pi-agent-dashboard: the 11-file workflow taxonomy, affected-test selection, the release pipeline, known failure modes, and how to read gh run logs and…
BlackBeltTechnology/pi-agent-dashboard
Diagnose problems in the running pi-agent-dashboard system: server.log, /api/health, bridge WebSocket connectivity, vitest triage, known-issue FAQ entries.
BlackBeltTechnology/pi-agent-dashboard
Disciplined implementation in pi-agent-dashboard: the rebuild matrix (extension→reload, server→restart, client→build+restart, openspec-apply→full rebuild) plus the project's code discipline rules.
BlackBeltTechnology/pi-agent-dashboard
Monitor and control the pi-dashboard server. An agent skill from BlackBeltTechnology/pi-agent-dashboard.
BlackBeltTechnology/pi-agent-dashboard
Turn a pi session into a Markdown "how-we-did-it" collaboration guideline: reads the session's JSONL transcript and synthesizes a reusable playbook of which prompts worked, what had to be steered…
Works with
Categories
Generate and edit images using Google Gemini image models via the nano-banana CLI. Nano Banana Imagegen is an agent skill from BlackBeltTechnology/pi-agent-dashboard. Generate and edit images using Google Gemini image models via the nano-banana CLI.
Nano Banana Imagegen fits situations like: the user asks to create; edit images with AI; requests like create an image; generate a picture.
Run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a claude-code`. Or copy the skill folder (packages/nano-banana/.pi/skills/nano-banana-imagegen in BlackBeltTechnology/pi-agent-dashboard) into .claude/skills/nano-banana-imagegen in your project. Claude Code loads it when a task matches its description.
Run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -a codex`. Or copy the skill folder (packages/nano-banana/.pi/skills/nano-banana-imagegen in BlackBeltTechnology/pi-agent-dashboard) into .agents/skills/nano-banana-imagegen in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill nano-banana-imagegen -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-imagegen, .gemini/skills/nano-banana-imagegen, .github/skills/nano-banana-imagegen and .opencode/skills/nano-banana-imagegen in your project.
Going by SKILL.md and its folder, Nano Banana Imagegen needs the command-line tools its instructions call (npx) and credentials named GEMINI_API_KEY and OPENROUTER_API_KEY. Our summary lists: Node.js; A credential in GEMINI_API_KEY; A credential in OPENROUTER_API_KEY.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
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.
Nano Banana Imagegen is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.6k tokens (SKILL.md is roughly 6.6k 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 5.8k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Nano Banana Imagegen: AI Image Generation and Editing (zhayujie/CowAgent, 47k stars), BlockRun Image Generation (BlockRunAI/ClawRouter, 6.6k stars), Antigravity Gemini Image (uluckyXH/OpenMOSS, 1.3k stars) and Figure (Muuuun/luxas, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
BlackBeltTechnology (a GitHub organization) maintains it in BlackBeltTechnology/pi-agent-dashboard, which has 315 GitHub stars. The repository holds 70 skills in this directory. The repository was last updated on October 10, 2026.
Source: BlackBeltTechnology/pi-agent-dashboard on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.