What problem does it solve? AI-generated interfaces tend to look generic because defaults win over deliberate design decisions. This Skill enforces a craft-first process for dashboards, admin panels, SaaS apps, and data interfaces so every layout, color, type, and spacing choice is intentional and tied to the product's domain. ## Core Features & Use Cases - Domain-driven direction: Explores the product's world to derive a color palette, signature element, and rejected defaults before any code is written. - Design-system architecture: Defines token structure, type scale ratios, spacing grids, elevation levels, and depth strategies for consistent UI. - Polish and motion rules: Covers states, hit areas, tabular numbers, concentric radius, sub-300ms animations, and reduced-motion support. - Use Case: When redesigning a SaaS settings page, the Skill produces a domain exploration, a proposed direction with palette and signature, then implements components using existing primitives and verifies hierarchy with squint and swap tests. ## Quick Start Use the interface-design skill to redesign this dashboard with a domain-specific visual direction and consistent design tokens.
