What problem does it solve? Building visually strong web interfaces often results in generic card grids, weak branding, cluttered heroes, and inconsistent design decisions. This Skill guides the AI to produce deliberate, premium-feeling landing pages, apps, dashboards, and game UIs by enforcing composition-first thinking, image-led hierarchy, and tasteful motion. ## Core Features & Use Cases - Design Discovery Matrix: Synthesizes surface type, product category, density, trust level, and platform into a working design system before any code is written. - Design System Preflight: Inspects project-local design docs via auto design docs and Astryx component/template queries so generated UI matches existing tokens and component APIs instead of inventing props or colors. - Composition and Motion Rules: Enforces full-bleed heroes, cardless layouts, one accent color, two typefaces max, and 2-3 intentional motions with reduced-motion fallbacks. - Use Case: Ask the agent to build a landing page for a new SaaS product; it will produce a full-bleed hero with strong brand presence, sparse copy, scroll-linked motion, and a pre-delivery accessibility checklist covering contrast, touch targets, and responsive widths. ## Quick Start Use the frontend skill to design and build a landing page for my product with a full-bleed hero and restrained motion.
