Agent skills for Gemini CLI

Audit visual UI quality — layout hierarchy, spacing, typography, color, consistency, and Gestalt grouping

Manages changelog entries for Prowler components following keepachangelog.com format.

Use when Phase 1 forensic audit is complete and it's time to collect brand information from the user.

Use after generating a UI replication prompt to verify it meets all quality standards before delivery.

Use when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product.

Defines and documents comprehensive UI component standards for consistent, production-ready frontend development.

Authoritative guide for implementing stunning, accessible, performant UI.

Design and review production web interfaces, component hierarchy, action placement, visual priority, feedback states, and interaction…

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or…

React and Next.js frontend development standards for Retail-Agentic-Commerce.

Creates production-ready UI immediately from any description.

First-principles UI/IA reasoning: turns a `<scenario>` + API field set into JTBD analysis, principle-anchored field-priority decisions…

Protects design and theme files from unintended changes.

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Design planning interview before writing UI code — produces a design brief covering register, typography strategy, color constraints, and…

Generates professional-grade UI/UX design systems and high-fidelity components using an intelligent reasoning engine across 15+ tech stacks.

Multi-perspective UI/UX roasting workflow with iterative improvement cycles

PRD to UI wireframe/structure stage: Used when the PRD's interface definition needs to be converted into screen inventory, state model…

Use when CAAnimation completion handler doesn't fire, spring physics look wrong on device, animation duration mismatches actual time…