BT

buildatscale-tv/gemini-skills

Developer tools
22 stars Quality 40 Trend 31

A repository of skills for Gemini CLI

Overview

A Gemini CLI extension providing AI-powered image generation and frontend design skills. Generate images using Google's Gemini 2.5 Flash (Nano Banana Pro). See the demo video. generate image, create image, make image, nano banana, image-generation - 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 - "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. This skill is copied from anthropics/skills for easier installation. frontend, design, ui, web, component, page, interface, landing page, dashboard, website

README

Gemini Skills

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

Installation

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

Or install from a local path:

gemini extensions install /path/to/gemini-skills

Skills

Nano Banana Pro (Image Generation)

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:

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”

Frontend Design

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

Extension Management

# 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

Development

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.

Repository Structure

.
├── 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

License

MIT

View this README on GitHub

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add buildatscale-tv/gemini-skills