What problem does it solve? AI-generated frontends tend to repeat the same generic patterns: Inter font, purple gradients, centered three-card layouts, neon glows, and fake placeholder data. This Skill routes design work through curated reference packs that enforce premium typography, calibrated color, and deliberate motion instead of default LLM design biases. ## Core Features & Use Cases - Design Pack Router: Selects from seven reference packs (taste, redesign, soft, output, minimalist, brutalist, stitch) based on whether you are building new, auditing an existing project, or targeting a specific aesthetic. - Redesign Audit: Runs a 100+ point checklist covering typography, color, layout, interactivity, content, and code quality to upgrade existing sites without breaking functionality. - Output Enforcement: Bans placeholder patterns and truncated code so generated UI is complete and production-usable. - Use Case: Ask for a new landing page and the taste pack applies variance, motion, and density dials plus a creative arsenal of bento grids, scroll choreography, and micro-interactions instead of a generic template. ## Quick Start Ask the agent to build a premium React landing page for your product using the premium-website design system.
