Agent Skill

Design Taste Frontend skill

design-taste-frontendLeonxlnx/taste-skillskills/taste-skill/SKILL.md

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 site, portfolio, product page, one-pager, hero or any public-facing web page, in any stack (HTML/CSS, React, Next.js, Vue, Svelte, Astro, Tailwind) — also when the user says a page looks generic, templated, "AI-made", sloppy, or asks to make it look designed, premium, award-level or less like every other site. Also for app screens: dashboards, admin and analytics views, settings, inboxes and other screens people work in, with their own run and rules.

101kMIT

always on

227 tokname + description

once used

9,026 tokSKILL.md body

bundled files

3712 scripts

installs

655kskills.sh

Install the Design Taste Frontend skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/Leonxlnx/taste-skill.git /tmp/taste-skill
mkdir -p ~/.claude/skills
cp -R /tmp/taste-skill/skills/taste-skill ~/.claude/skills/design-taste-frontend

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

When	What loads	Cost
Every session	Name and description	227 tok
When the agent uses it	The SKILL.md instructions	9,026 tok
Only if opened	37 bundled files (2.3 MB)	varies

Until it is used, design-taste-frontend costs about 6.0× less than the median MCP server we measured (1,362 tokens on every turn). Skills vs MCP study

Checks

Ships scripts the agent can run. Read them before installing.
The instructions are over 5,000 tokens, the Agent Skills specification's guideline for SKILL.md.
The instructions are over 500 lines; the specification suggests moving detail into reference files.
The name doesn't match its folder name, as the specification requires.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

tasteskill v2
Page or app screen
The run
1. Read the brief and the project
2. Write the argument
3. Draw the direction
4. Find the idea
5. Write the words
6. Build it, still
7. Gate
8. Look
9. Move
10. Report
House rules
Laws of the craft
Special cases
Files