design-taste-frontend

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check. "Reading this as: redesign of a public-sector service site, with a trust-first language, leaning toward GOV.UK Frontend or USWDS." DESIGNVARIANCE: 8 - 1 = Perfect Symmetry, 10 = Artsy Chaos

Discouraged: lucide-react. Acceptable only when the user explicitly asks for it or the project already depends on it. What to do instead of an eyebrow: drop it entirely. The headline alone is enough. If you need to categorize a section, the section's location on the page already categorizes it; no label needed. Div-based fake screenshots are banned. A "hand-built product preview" rendered with <div> rectangles, fake task lists, fake dashboards, fake terminal windows is a Tell. If you need to show a product: Hero needs a real visual. Text + gradient blob is not a hero - it's a placeholder. Long lists need a different UI component, not a longer list. Default <ul> with bullets / divide-y rows is the lazy choice. If you have > 5 items, reach for one of these instead: Configuration keys: DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY, LAYOUT_VARIANCE, ANIM_LEVEL, FOUR, SELECTED, BETA.

Run: npx -y skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend --agent claude-code — the source lives at github.com/leonxlnx/taste-skill.