What problem does it solve?
This Skill fixes UI that feels generic, inconsistently styled, or unclear by turning visual intent into production-ready, system-aligned interface improvements.
Core Features & Use Cases
- Token- and variant-driven UI refinement: Applies semantic tokens and component variants to remove one-off styling and restore visual consistency.
- Layout and interaction polish: Improves hierarchy, spacing rhythm, tables/cards/filter/forms/dashboard readability, and hover/focus/selected/pressed states.
- System-respecting iconography and motion: Introduces or refines icon wrappers/visual variants and aligns motion transitions with the motion profile and reduced-motion needs.
- Use Case: After selecting an approved skin, refine a dashboard’s header, KPI cards, tables, filters, and empty/loading states so the product feels premium without sacrificing trust or accessibility.
Quick Start
Ask the AI to implement the approved UI skin for the selected page, refining hierarchy, spacing, components, icon treatment, and interaction states while preserving existing product logic.