What problem does it solve? Frontend work often produces generic, template-looking interfaces that ignore product context, accessibility, and responsive behavior. This Skill provides structured guidance for building, refining, and auditing UI surfaces so changes stay grounded in repository evidence and verified design standards. ## Core Features & Use Cases - Mode Selection: Choose between audit, refine, and redesign modes with explicit boundaries so small styling tasks do not escalate into unapproved redesigns. - Design Quality Gates: Apply anti-template checks, brief fingerprints, and responsive/state proof matrices to catch generic card grids, decorative gradients, contrast issues, and untested viewports. - Verification Discipline: Record every responsive, interaction, and accessibility check as observed, not applicable, or not verified instead of claiming unmeasured results. - Use Case: When asked to improve a SvelteKit dashboard page, load the anti-template gates reference, preserve the existing information architecture, verify mobile and desktop layouts, and report exactly which states were tested. ## Quick Start Ask the assistant to refine the styling of a specific page or component while preserving its current layout and verifying responsive and accessibility behavior.
