tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict no-slop house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Use this whenever you build, design, redesign, restyle, polish or review a landing page, marketing…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# tasteskill v2
A page built by a model usually looks like the average of every page the model has seen: a centred
headline over three lines, a little label above it, a row of icon cards, a soft gradient, a few thin
rules and a monospace caption. Nothing in it is wrong and nothing in it was decided.
This skill replaces those defaults with decisions, in four ways:
1. **A script deals the directions, you choose among them.** Asked to invent a look, a model picks
the category default every time. `scripts/draw.mjs` deals three of twenty researched directions;
you choose the one that carries the subject's idea, and the script then deals its type system,
palette, hero and section compositions from a library distilled from 247 real sites.
2. **The idea comes from the subject.** In the study, what separated the best sites from the forgettable
ones was a concept taken from the thing itself, not the styling.
3. **A house style with no ornaments,** measured in a real browser by `scripts/inspect.mjs`, so the
rules are checked rather than hoped for.
4. **You look at what you made.** Screenshots at three widths, a juror's rubric, fix, look again.
…
The line at the top of this page pins the label git:20261023.8a6f902, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
The registry has recorded 2 versions of this file, between Sep 26, 2026 and Oct 23, 2026, about one every 28 days. Its first recorded version is graded B and its latest A.
GET https://markdownregistry.com/api/v1/artifacts/art_cqeajobeoap7rnvl
GET https://markdownregistry.com/api/v1/resolve?ref=jaimejunr/claude-code-frontend-skills/design-taste-frontend
GET https://markdownregistry.com/api/v1/blob/d955dae4ba8ab2d994f4bb06b4bf412a1d9875433a8597939c391f4bae91dd7a
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
jaimejunr/claude-code-frontend-skills · plugins/design-mobile-apps/skills/design-mobile-apps/SKILL.md · Use ONLY when the user asks to design mobile app screens with Sleek, edit a Sleek project, or implement a Sleek design…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animate/SKILL.md · Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/ask-sonner/SKILL.md · Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/emil-design-eng/SKILL.md · This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/find-animation-opportunities/SKILL.md · Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/improve-animations/SKILL.md · Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/mobile-native/SKILL.md · Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/pick-ui-library/SKILL.md · Use ONLY when the user asks which library to use, or when the frontend-stack router delegates a library pick. Picks the…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/prototype/SKILL.md · Use ONLY when the user explicitly asks for several versions of a UI piece to compare, or when the frontend-stack router…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/review-animations/SKILL.md · Use ONLY when the user asks to review motion, or when the frontend-stack router or ui-reviewer agent delegates a motion…
leonxlnx/taste-skill · skills/taste-skill/SKILL.md · tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery…
coco-research/coco · skills/design-taste-frontend/SKILL.md · Use when the user asks for a landing page, marketing site, portfolio, or redesign, not dashboards or data tables…
xu123-bob/baize · agent/skills/taste-skill/1.0.0/skills/taste-skill/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
asymmetric-al/core · .agents/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
dmae97/omk · .omk/skills/taste-skill/skills/taste-skill/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
cgallic/kai-cmo-harness · harness/skills-v2/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
cgallic/kai-cmo-harness · plugins/kai-marketing-os-v2/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
