NewTasteCode, our new design agent

Taste Skill

The anti-slop frontend framework for AI agents.

Open-source skill files that stop Cursor, Claude Code, Codex and more from shipping generic frontends.

Works with
every agent.

One install for Cursor, Claude Code, Codex, Gemini CLI, v0, Lovable, OpenCode and more. Taste Skill plugs into any tool that reads SKILL.md files.

Escape the generic
AI slop.

Taste Skill gives your agent real rules for typography, spacing, color, layout and motion, so it stops reaching for the same template every time.

Pick the right skill
for the job.

Thirteen skills, one install. Each one is a single SKILL.md your agent reads before it touches the UI.

What's new
in v2.

A 2026 rewrite of the default skill. The agent reads the brief, infers the right direction and ships interfaces that do not look templated. Same install, a much stricter ruleset.

v2 is experimental and already the default. The install name stays stable while rule wording settles before 2.0. Pinned to v1? Use design-taste-frontend-v1.

  • Brief inference

    The agent reads the room before generating: industry, audience, mood, motion depth and layout family.

  • Brief to design system map

    When to reach for Material, Fluent, Carbon, Polaris, Primer, Radix, shadcn or Tailwind, and when native CSS is the better call.

  • Dark mode protocol

    Dual-mode by default, with contrast and hierarchy parity across themes.

  • Redesign protocol

    Audit-first on existing projects, with preservation rules and explicit modernisation levers.

  • Block library schema

    A contract for adding blocks over time so the library stays coherent.

  • Hard pre-flight check

    Every box has to honestly pass before the agent ships output.

TasteCode by the Taste Skill team

A new home for
your coding agents.

A local desktop workspace for Codex, Claude Code and Grok, with a design agent built in. Taste stops being a prompt and becomes part of the workflow.

Free public beta for macOS and Windows.

How Design Mode works

  1. 1BriefReads your request, fills the gaps and writes down its assumptions.
  2. 2DirectionMakes explicit brand, copy, layout, asset and motion decisions.
  3. 3BuildYour chosen agent implements them in your real project.
  4. 4ReviewOpens the live site, captures real viewports and fixes what is off.

Built with
Taste Skill.

Shipped something with it? Send it to @lexnlin on X and it could be featured here.

Taste Skill is completely open source. If it saves you time and sanity, consider supporting its development.