Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →huytieu/taste-skill
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.
Passed 22 of 25 test cases with the skill, and 9 of 25 without it.
and 10 more in the full report
13 fixed9 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
When designing full-screen hero sections on mobile devices, developers often use h-screen in Tailwind, but iOS Safari address bars cause layout jumping during scrolling. What Tailwind v4 utility should be used instead to ensure layout stability?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies using min-h-[100dvh] rather than h-screen for mobile hero height. | Missed | Passed |
The instructions your model reads when the skill loads.
Landing pages, portfolios, and redesigns. Not dashboards, not data tables, not multi-step product UI. Every rule below is contextual. None of it fires automatically. First read the brief, then pull only what fits.
Before touching code or tweaking dials, infer what the user actually wants. Most LLM design output is bad because the model jumps to a default aesthetic instead of reading the room.
Before any code, state in one line: "Reading this as: <page kind> for <audience>, with a <vibe> language, leaning toward <design system or aesthetic family>."
Example reads:
Ask exactly one clarifying question - never a multi-question dump - and only when the design read genuinely diverges. Example: "Should this feel closer to Linear-clean or Awwwards-experimental?"
If you can confidently infer from context, do not ask. Just declare the design read and proceed.
Do not default to: AI-purple gradients, centered hero over dark mesh, three equal feature cards, generic glassmorphism on everything, infinite-loop micro-animations everywhere, Inter + slate-900. These are the LLM defaults. Reach past them deliberately based on the design read.
After the design read, set three dials. Every layout, motion, and density decision below is gated by these.
test cases passed, vs 9 / 25 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.