Back to Curated
Agent SkillLeonxlnxJul 14, 2026

Taste Skill — The Anti-Slop Frontend Framework for AI Agents

A 63k+ star collection of Agent Skills: 13 single-purpose skills spanning taste injection (layout, type, motion), image-to-code, redesign audits, and brand-board generation — one npx skills add away in Claude Code, Codex, or Cursor, so your AI stops shipping boilerplate-looking UI.

Taste Skill calls itself "the Anti-Slop Frontend Framework for AI Agents": portable Agent Skills that fix the chronic diseases of AI-built UI — stiff layouts, mediocre typography, no motion hierarchy. 63k+ GitHub stars, MIT licensed, sponsored by Emil Kowalski (animations.dev) and the Vercel OSS Program.

The flagship skill, design-taste-frontend (v2), is thoughtfully engineered: it reads your brief, infers a design language, then exposes three 1-10 dials — DESIGN_VARIANCE (layout experimentation), MOTION_INTENSITY (animation depth), VISUAL_DENSITY (information per viewport) — with canonical GSAP skeletons and a strict pre-flight check.

The collection has 13 single-purpose skills: gpt-taste (a stricter GPT/Codex variant), image-to-code (generate references → analyze → implement), redesign (audit-then-fix for existing projects), three committed styles (soft / minimalist / brutalist), output enforcement (for models that ship half-finished work), stitch (with DESIGN.md export), plus three image-only skills for web comps, mobile flows, and brand kits.

One-line install: npx skills add https://github.com/Leonxlnx/taste-skill — works with Claude Code, Codex, and Cursor. If you want AI-written frontends that look expensive, start here.

Built with taste-skill: Floria hero — non-template layout and type hierarchy
Built with taste-skill: Floria hero — non-template layout and type hierarchy
The same page, lower half: motion and information-density treatment
The same page, lower half: motion and information-density treatment

FAQ

What is Taste Skill?

"The Anti-Slop Frontend Framework for AI Agents": 13 portable Agent Skills that fix the chronic diseases of AI-built UI — stiff layouts, mediocre type, no motion hierarchy. 63k+ GitHub stars.

How do I install it?

One line: npx skills add https://github.com/Leonxlnx/taste-skill. Works with Claude Code, Codex, and Cursor; install a single skill with --skill.

Is it free?

MIT-licensed and free, sponsored by Emil Kowalski (animations.dev) and the Vercel OSS Program. The author explicitly disclaims any crypto token.

Which of the 13 skills should I use?

Default to taste-skill (v2); gpt-taste is the stricter GPT/Codex variant; image-to-code for image-first builds; redesign for existing projects; soft/minimalist/brutalist are committed styles; plus 3 image-generation skills.

What are the three dials?

1-10 settings at the top of the main skill: DESIGN_VARIANCE (layout experimentation), MOTION_INTENSITY (animation depth), VISUAL_DENSITY (information per viewport). Change the numbers to tune the style.