AI Skills
nano-image-generator

nano-image-generator

Generate images using Nano Banana Pro (Gemini 3 Pro Preview). Use when creating app icons, logos, UI graphics, marketing banners, social media images, illustrations, diagrams, or any visual assets. Triggers include phrases like 'generate an image', 'create a graphic', 'make an icon', 'design a logo', 'create a banner', or any request needing visual content.

3звезд
0форков
Обновлено 1/18/2026
ПолучитьИсходный код
SKILL.md
readonlyread-only
name
nano-image-generator
description

"Generate images using Nano Banana Pro (Gemini 3 Pro Preview). Use when creating app icons, logos, UI graphics, marketing banners, social media images, illustrations, diagrams, or any visual assets. Triggers include phrases like 'generate an image', 'create a graphic', 'make an icon', 'design a logo', 'create a banner', or any request needing visual content."

Nano Image Generator

Generate images using Nano Banana Pro (Gemini 3 Pro Preview) for any visual asset needs.

Requirements

Set the GEMINI_API_KEY environment variable. Get a key at: https://aistudio.google.com/apikey

Quick Start

python scripts/generate_image.py "A friendly robot mascot waving" --output ./assets/mascot.png

Script Usage

python scripts/generate_image.py <prompt> --output <path> [options]

Required:

  • prompt - Image description
  • --output, -o - Output file path

Options:

  • --aspect, -a - Aspect ratio (default: 1:1)
    • Square: 1:1
    • Portrait: 2:3, 3:4, 4:5, 9:16
    • Landscape: 3:2, 4:3, 5:4, 16:9, 21:9
  • --size, -s - Resolution: 1K, 2K (default), 4K

Workflow

  1. Determine output location - Place images where contextually appropriate:

    • App icons → ./assets/icons/ or ./public/icons/
    • Marketing → ./marketing/ or ./assets/images/
    • UI elements → ./src/assets/ or ./public/images/
    • General → ./generated/

  2. Craft effective prompts - Be specific and descriptive:

    • Include style: "flat design", "3D rendered", "watercolor", "minimalist"
    • Include context: "for a mobile app", "website hero image", "social media post"
    • Include details: colors, mood, composition

  3. Choose appropriate settings:

    • Icons/logos → --aspect 1:1
    • Banners/headers → --aspect 16:9
    • Mobile screens → --aspect 9:16
    • Photos → --aspect 3:2 or 4:3

Examples

App icon:

python scripts/generate_image.py "Minimalist flat design app icon of a lightning bolt, purple gradient background, modern iOS style" \
  --output ./assets/app-icon.png --aspect 1:1

Marketing banner:

python scripts/generate_image.py "Professional website hero banner for a productivity app, abstract geometric shapes, blue and white color scheme, modern and clean" \
  --output ./public/images/hero-banner.png --aspect 16:9

High-quality illustration:

python scripts/generate_image.py "Detailed isometric illustration of a cozy home office setup with plants, warm lighting, digital art style" \
  --output ./assets/illustrations/office.png --size 4K

Prompt Tips

  • Be specific - "A red apple on a wooden table" vs "an apple"
  • Include style - "in the style of pixel art" or "photorealistic"
  • Mention purpose - "for a children's book" affects the output style
  • Describe composition - "centered", "rule of thirds", "close-up"
  • Specify colors - Explicit color palettes yield better results
  • Avoid - Don't ask for text in images (use overlays instead)

You Might Also Like

Related Skills

songsee

songsee

88Kdesign

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

moltbot avatarmoltbot
Получить
slack-gif-creator

slack-gif-creator

48Kdesign

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

anthropics avataranthropics
Получить
algorithmic-art

algorithmic-art

48Kdesign

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

anthropics avataranthropics
Получить
brand-guidelines

brand-guidelines

47Kdesign

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

anthropics avataranthropics
Получить
theme-factory

theme-factory

47Kdesign

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

anthropics avataranthropics
Получить
canvas-design

canvas-design

47Kdesign

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

anthropics avataranthropics
Получить