buildatscale-tv/claude-code-plugins
Overview
This skill generates custom images using Google's Gemini models (Flash and Pro) for frontend designs, illustrations, icons, backgrounds, and standalone artwork. It is optimized for both fast iteration and high-quality final assets and supports reference images, aspect ratios, and resolution options. Use it whenever you ask to generate or create images, including requests for multiple images or explicit "nano banana" references.
How this skill works
The skill runs a provided image script that calls Gemini image models to produce PNG outputs. You supply a detailed prompt, optional reference image, aspect ratio, model choice (flash or pro), and output path; the script returns a generated image file ready to integrate into your project. Flash prioritizes speed and volume; Pro offers higher fidelity and larger resolutions up to 4K.
When to use it
- Create hero images, backgrounds, or illustrations for web pages and landing pages
- Generate icons, avatars, or UI visuals for frontend projects
- Iterate quickly on concepts using the fast Flash model
- Produce final, high-resolution assets using the Pro model
- Create variations or multiple images in bulk (e.g., "generate 5 images")
Best practices
- Provide detailed prompts: subject, style, color palette, mood, context, and technical constraints
- Use a reference image to guide style, composition, or color when needed
- Start with Flash for rapid iteration, then switch to Pro for final assets
- Choose aspect ratio and resolution that match the target placement (hero, icon, background)
- Save outputs in your project assets folder with descriptive filenames for easy integration
Example use cases
- Generate a minimalist geometric hero image (1024px) for a fintech landing page and import it into HTML/CSS
- Create a set of 5 variant icons for a mobile UI, iterating quickly with the Flash model
- Produce a 2K detailed illustration for a product page using the Pro model
- Use a reference pattern to generate matching background textures for a design system
- Generate a hero illustration, then wire it into a React component as a static asset
FAQ
Use the Flash model for speed and inexpensive iterations; switch to Pro for higher quality once the concept is locked.
How do I use a reference image?
Provide the reference file path to guide style or composition; the generator will blend prompt instructions with the visual cues from the reference.
2 skills
This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.
This skill creates professional promotional videos with Remotion, AI voiceover, and background music, delivering polished, branded outputs for product launches.
