What problem does it solve? AI-generated product UI tends to fall back on generic templates: default fonts, flat hierarchy, monotone spacing, and interchangeable layouts. This Skill provides a structured design discipline for dashboards, admin panels, SaaS apps, and data interfaces so every visual decision is deliberate and tied to the product's domain. ## Core Features & Use Cases - Domain Exploration Framework: Forces a concrete exploration of the product's world (domain concepts, color world, signature element, rejected defaults) before any code is written. - Craft Rules and Checklists: Covers visual hierarchy, type scales, token architecture, surface elevation, depth strategies, motion timing, and polish details like tabular numbers and concentric radius. - Design System Persistence: Saves decisions to .interface-design/system.md so future sessions stay consistent, with commands like /design-review and /design-deslop for audits. - Use Case: When building a new settings page or refactoring a dashboard, invoke this Skill to get a direction proposal with palette, typography, and a signature element, then verified implementation guidance. ## Quick Start Ask the assistant to design or refine a product interface screen using the interface-design skill, describing the user, their task, and the desired feel.
