What problem does it solve? Building interfaces that look professional and cohesive is hard without clear design rules. This Skill provides concrete, research-backed guidelines for visual hierarchy, spacing, color, shadows, and component patterns so your UIs look intentional instead of improvised. ## Core Features & Use Cases - Design Principles: Six core rules covering visual consistency, hierarchy through contrast, whitespace usage, shadow systems, border radius, and purposeful color palettes. - Component Patterns: Ready-made layout blueprints for hero sections, dashboard cards, and list items with spacing and sizing recommendations. - Polish Techniques: Guidance for transitions, skeleton loading states, empty states, and error states, plus a 12-point UI quality checklist. - Use Case: When building a new dashboard page, apply the card pattern with prominent metrics, comparative context, and sparklines, then validate against the checklist for consistent spacing and accessible contrast. ## Quick Start Use the frontend-ui skill to review my dashboard page and improve its visual hierarchy, spacing, and component styling.
