What AI model does this skill use for image generation?

The Nano Banana Pro generate skill uses Google's Gemini 2.5 Flash model to create high-speed, high-quality visual assets.

How do I integrate the generated images into my project?

The skill provides automated workflow guidance for saving assets to your project directories and offers code snippets for HTML, CSS, and React integration.

Can I use existing images as a style reference?

Yes, the skill supports a reference parameter that allows you to provide an existing image to guide the style, composition, or content of the generated output.

What are the prerequisites for using this skill?

You need to have a Google AI API key and set the GEMINI_API_KEY environment variable in your development environment.

Nano Banana Pro Image Generation

Name: Nano Banana Pro Image Generation
Author: buildatscale-tv

bybuildatscale-tv

•

Design Tools

Generates custom AI images and visual assets for web projects using Google's Gemini 2.5 Flash model.

About

Nano Banana Pro's generate skill empowers Claude Code to create high-quality, project-specific visual assets directly within the development workflow. By leveraging Gemini 2.5 Flash, developers can instantly produce everything from landing page hero images and UI icons to abstract backgrounds and decorative patterns. The skill is designed to bridge the gap between frontend development and graphic design, offering specialized guidance for prompt engineering and seamless integration into React, HTML, and CSS codebases.

Key Features

7 GitHub stars
Optimized prompting guidance for design-specific assets
AI-powered image generation via Gemini 2.5 Flash
Support for reference images to maintain style consistency
Configurable aspect ratios including square, landscape, and portrait
Direct frontend integration paths for React, HTML, and CSS

Use Cases

Creating custom hero images for landing pages and marketing sites
Producing abstract backgrounds and visual patterns for modern web applications
Generating unique icons and UI elements to match a specific design system

About

Key Features

7 GitHub stars
Optimized prompting guidance for design-specific assets
AI-powered image generation via Gemini 2.5 Flash
Support for reference images to maintain style consistency
Configurable aspect ratios including square, landscape, and portrait
Direct frontend integration paths for React, HTML, and CSS

Use Cases

Creating custom hero images for landing pages and marketing sites
Producing abstract backgrounds and visual patterns for modern web applications
Generating unique icons and UI elements to match a specific design system