ask-gemini

Analyzes images and answers questions about design layouts and visual aesthetics.

4|Updated Dec 26, 2025

Search Tags:#gemini #ui-ux #design-feedback #layout-analysis #spatial-awareness #visual-critique #multi-image

One-click install

npx skills add https://github.com/b-open-io/gemskills --skill ask-gemini

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: ask-gemini
Source: https://github.com/b-open-io/gemskills/tree/main/skills/ask-gemini
Command: npx skills add https://github.com/b-open-io/gemskills --skill ask-gemini

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/genai, and includes scripts (resource) components.

What problem does it solve?

This Skill helps design teams and individuals obtain fast, expert feedback from Gemini 3.0 Pro Preview on design concepts, layouts, and visual aesthetics. It reduces iterative review time and helps ensure design decisions align with user experience goals.

Core Features & Use Cases

Multi-image comparison: Analyze up to 10 designs in a single request to evaluate layout, color, typography, and visual hierarchy.
Spatial layout analysis: Understand relationships between elements and how they guide user attention.
Design guidance: Receive actionable suggestions on color schemes, typography, spacing, contrast, and UI/UX decisions.
Use Case: Compare two hero sections side-by-side to decide which communicates the brand message more clearly.

Quick Start

bun run /path/to/skills/ask-gemini/scripts/ask_gemini.ts "What design changes would improve this layout's clarity?" --image hero1.png --image hero2.png