visual-design-system
visual-design-system
Give a landing page a distinctive, on-brand look — and make the agent actually hold to it.
The failure this fixes
AI generators converge on one identical aesthetic: Inter/Poppins type, a
blue-to-purple (indigo/aurora) gradient hero, glassmorphism cards, a centered
mx-auto hero with an "eyebrow pill", a three-card feature grid, and the default
shadcn fingerprint — "AI slop", the "sea of sameness". It gets worse under
iteration: "make it premium" or "be distinctive" ratchets a model toward the
average, because it reads "distinctive" as "add more". And prose brand rules are
followed only probabilistically and silently dropped under deadline — banning a
color in writing has been observed to fail repeatedly while a lint rule fixed it
first try. So this skill does two things: choose constrained, distinctive
budgets, and encode + enforce them mechanically.