What problem does it solve? Frontend work often ships with hardcoded colors, inconsistent components, verbose copy, missing focus states, and unverified layouts. This Skill enforces a repeatable bar for building, auditing, and polishing user-facing surfaces so UI changes stay token-driven, accessible, and consistent with the project's design contract. ## Core Features & Use Cases - Design audits and redesigns: Run a structured audit covering tokens, components, copy, inputs, accessibility, naming, and states, then produce a punch list before editing. - Token and component discipline: Enforce a three-file token contract (code tokens, CSS variables, design docs) and reusable primitives for cards, buttons, badges, forms, and empty/loading/error states. - Editorial and input standards: Apply concise copy rewrites, floating-label input rules, and i18n sync across every supported language. - Use Case: Ask the agent to redesign a settings page; it reads the project's design foundations and AGENTS.md, audits existing tokens and components, implements the changes with floating labels and double-ring focus states, then runs lint, typecheck, tests, build, and a browser pass at mobile and desktop widths. ## Quick Start Use the ui-ux-excellence skill to audit and polish this dashboard page with token-driven styling, accessible focus states, and concise copy.
