Design & Media Agent Skills for Gemini CLI

Generates interactive HTML UI specifications paired with playable state machine simulators for iterative, decision-logged design reviews.

Review a frontend application's rendered component or widget tree from the top-level entry point downward.

Fix typography hierarchy, font choices, type scale, and line-length in UI files — applies register-aware rules (brand vs product) with…

Create production-grade frontend interfaces with strong UX and visual craft.

Delivers rigorous, senior-level UI/UX critiques analyzing visual hierarchy, usability, design system alignment, and business metrics…

Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces.

Create interface designs, wireframes, and design systems.

Design futuristic 2026-style UI with 3D depth, glassmorphism, soft shadows, and modern aesthetics.

Comprehensive UI/UX design and layout toolkit for web interfaces.

Use as the UI/UX quality gate for frontend work that materially affects web product surfaces: design/build/redesign/review/polish/refactor…

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

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.

Use when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with…

Designing products and environments that are usable by everyone, to the greatest extent possible, without the need for adaptation or…

Use when you need to pick high-quality Unsplash images for product/design assets (avatars, headshots, portraits, large website…

Integration skill for searching and fetching high-quality, free-to-use professional photography from Unsplash.

Recreate an authorized live website or app URL as a faithful, runnable, frontend-only local implementation.

Run a moderated usability session on a working prototype and return findings tied to the screen, not the user.

Review UI code for Web Interface Guidelines compliance.

Load or manage Product Design's saved user context.

When to activate: user research, usability testing, user interviews, card sorting, diary studies, affinity mapping, persona development…