Design With Taste
An anti-slop frontend skill. Your coding agent reads the brief, picks a design direction that fits, and ships interfaces that don't look templated or AI-generated.
Install the skill or give me an instruction how to install it - design-taste-frontend from https://github.com/Leonxlnx/taste-skill Free Open source Works in Claude, Cursor, Codex & more
What it does
Describe the page you want, its purpose, audience, and vibe, and this reads the brief, infers a design direction that fits, and builds a full frontend that does not look templated. It is the general-purpose taste skill: rather than committing you to one fixed look, it decides on a direction and maps it to a real design system before writing code.
The anti-slop part is a checklist of more than fifty things it refuses to ship, no AI-purple gradients, no default Inter, no three-identical-cards feature row. In the demo it produced an eight-section landing page with a custom palette, real typography, and a working dark mode. You give it a sentence about what you are building; it gives back a page that reads as designed rather than defaulted.
When to use it
- Your AI frontends all look templated
Describe the page and it infers a real design direction, then ships a landing page that doesn't look generated.
- You want the design decided for you from the brief
It reads the audience and vibe, maps them to a design system, and builds without you specifying every choice.
- You keep seeing the same AI design tells
A 50-plus item anti-slop check bans purple gradients and default Inter before delivery.
FAQ
Will the result look like a generic AI template?
No, that is what it prevents. design-taste-frontend runs a 50-plus item anti-slop check, banning tells like AI-purple gradients and default Inter, so the interface does not read as templated.
Do I have to pick the design direction?
No. design-taste-frontend reads your brief and picks a direction that fits, then maps it to a real design system. You can name one yourself, but it will choose a fitting one if you do not.
Does it actually build the frontend?
Yes. design-taste-frontend ships working interfaces, not mockups, with your coding agent writing the code against the chosen design system.
Pairs well with
Build High-End Interface
Leon Lin & blueemi Make an AI-built frontend read like a $150k agency site. This skill sets the exact fonts, spacing, shadows, and motion that feel expensive and bans the cheap defaults that give AI away.
taste-skill/high-end-visual-design 62.8k 
Polish Your UI
Jakub Krehel Polish a UI with the details that compound: hover states, shadows, borders, spacing, optical alignment, and micro-interactions, applied as you build the frontend.
make-interfaces-feel-better/make-interfaces-feel-better 2.3k