一款 Gemini CLI 扩展，提供由 AI 驱动的图像生成和前端设计技能。

安装

或者从本地路径安装：

技能

纳米香蕉专业版（图像生成）

使用谷歌的Gemini 2.5闪光灯（Nano Banana Pro）生成图像。请观看演示视频。

触发器： generate image， create image， make image， nano banana， image-generation

先决条件：

• uv - Python 包管理器（运行图像生成脚本所需）。详见 uv 安装攻略
• GEMINI_API_KEY 环境变量，配合你的 Google AI API 密钥

使用情况：

示例提示：

• “极简几何图案，珊瑚、青绿色和金色交叠的半透明圆圈，背景为深藏青色”
• “夕阳下的未来城市景观，霓虹灯映照在湿漉漉的街道上”

前端设计

打造具有高设计质量的独特生产级前端界面。

注： 这个技能是从人类学/技能中复制的，以便安装。

触发器： frontend， design， ui， web， component， page， interface， landing page， dashboard， website

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:

• 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”

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