A Gemini CLI extension providing AI-powered image generation and frontend design skills.

gemini extensions install https://github.com/buildatscale-tv/gemini-skills

Or install from a local path:

gemini extensions install /path/to/gemini-skills

Generate images using Google's Gemini 2.5 Flash (Nano Banana Pro). See the demo video.

Triggers: generate image, create image, make image, nano banana, image-generation

Prerequisites:

• uv - Python package manager (required to run the image generation script). See the uv installation walkthrough
• GEMINI_API_KEY environment variable with your Google AI API key

Usage:

uv run "${SKILL_DIR}/scripts/image.py" \
  --prompt "Your image description" \
  --output "/path/to/output.png" \
  --aspect landscape  # optional: square, landscape, portrait
  --reference "/path/to/reference.png"  # optional: reference image

Example prompts:

• "A minimalist geometric pattern with overlapping translucent circles in coral, teal, and gold on a deep navy background"
• "A futuristic cityscape at sunset with neon lights reflecting on wet streets"

Create distinctive, production-grade frontend interfaces with high design quality.

Note: This skill is copied from anthropics/skills for easier installation.

Triggers: frontend, design, ui, web, component, page, interface, landing page, dashboard, website

This skill guides creation of visually striking, memorable interfaces that avoid generic AI aesthetics. It emphasizes:

• Bold typography choices
• Cohesive color themes
• Purposeful animations and micro-interactions
• Unexpected layouts and spatial composition
• Atmospheric backgrounds and visual details

# List installed extensions
gemini extensions list

# Update this extension
gemini extensions update buildatscale-gemini-skills

# Disable extension
gemini extensions disable buildatscale-gemini-skills

# Enable extension
gemini extensions enable buildatscale-gemini-skills

# Uninstall extension
gemini extensions uninstall buildatscale-gemini-skills

To develop locally, link the extension:

gemini extensions link /path/to/gemini-skills

Changes will be reflected immediately without needing to run gemini extensions update.

.
├── gemini-extension.json    # Extension configuration
├── GEMINI.md                # Context file loaded by Gemini CLI
└── skills/
    ├── nano-banana-pro/
    │   ├── SKILL.md         # Skill documentation
    │   └── scripts/
    │       └── image.py     # Image generation script
    └── frontend-design/
        └── SKILL.md         # Skill documentation

MIT