nano-banana-pro
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.
Install
mkdir -p .claude/skills/nano-banana-pro && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/50" && unzip -o skill.zip -d .claude/skills/nano-banana-pro && rm skill.zipInstalls to .claude/skills/nano-banana-pro
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.About nano-banana-pro
nano-banana-pro is a specialized agent skill created by garg-aayush that extends AI coding assistants with design-focused capabilities. This skill belongs to the Design category and is designed to help developers work more effectively in this domain. Agent skills provide context, workflows, and specialized knowledge that help AI assistants perform specific tasks more effectively than general-purpose AI alone.
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.
How to use nano-banana-pro
Once installed, nano-banana-probecomes available in your AI coding environment automatically. Your AI assistant will use the skill's instructions and knowledge whenever relevant tasks arise in your workflow. You can install it at the project level (available only in a specific project) or globally (available across all your projects).
Use the install panel on this page to copy a one-line command for your preferred AI client. The skill files are downloaded and placed in the appropriate directory — no additional configuration is required.
Compatible AI clients
nano-banana-pro works with Claude Code, Codex, GitHub Copilot, Antigravity, and other AI coding assistants that support the skills format.
What are agent skills?
Agent skills are reusable instruction sets that give AI coding assistants new capabilities. They provide context, workflows, and domain-specific knowledge — specialized training for your AI assistant that helps it understand frameworks, coding patterns, and development workflows.
Browse more skills in the skills directory or check the leaderboard for the most popular skills.
Compared to similar skills
nano-banana-pro side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| nano-banana-pro (this skill) | 878 | 1mo | No flags | — |
| ui-ux-pro-max | 1,909 | 5mo | Review | Intermediate |
| drawio-diagrams-enhanced | 1,320 | 9mo | Review | Intermediate |
| svg-precision | 527 | 4mo | Review | Intermediate |
You might also like
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
drawio-diagrams-enhanced
jgtolentino
Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.
svg-precision
dkyazzentwatwa
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
mobile-ios-design
wshobson
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
blender-toolkit
Dev-GOM
Automate Blender tasks like creating 3D shapes, managing materials, and retargeting Mixamo animations with real-time control.
infographic-creation
antvis
Create beautiful infographics based on the given text content. Use this when users request creating infographics.