What image resolutions are supported?

The skill supports three resolution tiers: 1K (default), 2K, and 4K, allowing for both quick drafts and high-fidelity final assets.

How do I set up the Gemini API key for this skill?

You can configure your key by exporting GEMINI_API_KEY in your terminal environment or by creating a ~/.nanobanana.env file containing your API credentials.

Can I edit existing images with this skill?

Yes, by providing an input image path and a descriptive prompt, you can use the Gemini API to perform AI-powered edits and modifications to existing files.

Which Gemini models are available for use?

You can choose between gemini-3-pro-image-preview for the highest quality results or gemini-2.5-flash-image when faster generation speed is required.

What aspect ratios can I generate?

The skill supports a wide range of ratios including 1:1 (Square), 16:9 (Landscape), 9:16 (Portrait), and 21:9 (Ultra-wide), among others.

Nanobanana Image Generator

Name: Nanobanana Image Generator
Author: tianzecn

bytianzecn

0•

设计工具

Generates and edits high-quality images using the Google Gemini API directly within the Claude Code environment.

The Nanobanana Image Generator skill brings the creative power of Google Gemini's vision models to your terminal. It allows developers to generate custom visual assets, design logos, and edit existing images using natural language prompts without leaving their coding workflow. With comprehensive support for various aspect ratios, resolutions up to 4K, and advanced image-to-image editing, this skill is an essential companion for frontend developers and designers who need rapid visual prototyping and asset creation.

主要功能

01High-resolution output options ranging from 1K to 4K quality

02Support for 10+ specific aspect ratios including 16:9, 1:1, and 21:9

030 GitHub stars

04Advanced image editing and modification using existing files as input

05Text-to-image generation using Google Gemini 3 Pro and Flash models

06Flexible configuration via environment variables or .env files

使用场景

01Generating logos, icons, and branding materials for new software projects

02Batch editing or applying visual changes to existing project screenshots via CLI

03Creating UI mockups and placeholder assets during frontend development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tianzecn/myclaudecode nanobanana-skill

For use in Claude.ai and ChatGPT

Download Skill