---
title: "design-taste-frontend skill: landing pages without AI clichés"
canonical_url: https://cookiesforai.app/skills/leonxlnx/design-taste-frontend
last_updated: 2026-10-02T01:58:30+02:00
type: skill
summary: "design-taste-frontend, the main skill in Leon Lin's Taste Skill repository, makes an AI agent read the brief, pick a design direction and build landing pages, portfolios and redesigns that avoid templated defaults."
install: "npx skills add Leonxlnx/taste-skill --skill design-taste-frontend"
related:
  - "https://cookiesforai.app/skills/anthropics/brand-guidelines"
  - "https://cookiesforai.app/skills/anthropics/frontend-design"
  - "https://cookiesforai.app/skills/pbakaus/impeccable"
  - "https://cookiesforai.app/skills/shadcn-ui/shadcn"
---

# Design taste frontend

design-taste-frontend, the main skill in Leon Lin's Taste Skill repository, makes an AI agent read the brief, pick a design direction and build landing pages, portfolios and redesigns that avoid templated defaults.

| Fact | Value |
|---|---|
| Publisher | Leon Lin |
| Source | https://github.com/Leonxlnx/taste-skill/tree/HEAD/skills/taste-skill |
| License | MIT |
| Repository stars | 91,799 on 2026-10-02 |
| Skill name | design-taste-frontend |
| Category | Frontend and design |
| Skill last changed | 2026-05-26 |
| Page updated | 2026-10-02 |
| Facts checked | 2026-10-02 |

## Install

Install the skill with the skills CLI:

```
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
```

Or pin the original v1, which the publisher keeps for projects that depend on it:

```
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend-v1
```

## Ask your coding agent

A skill can include scripts that run on your computer, so read its source first: https://github.com/Leonxlnx/taste-skill/tree/HEAD/skills/taste-skill

```text
Install the agent skill design-taste-frontend from github.com/Leonxlnx/taste-skill.
```

## What it does

Design taste frontend is the default skill in the Taste Skill repository, kept in the taste-skill folder but installed by its frontmatter name. The README labels this version v2 and experimental. Before writing code, the agent states a one-line design read: the page type, the audience, the visual language and the design system it will lean on. If the brief is unclear, it asks exactly one question.

The design read sets three dials from 1 to 10: design variance, motion intensity and visual density, with a baseline of 8, 6 and 4 and presets for agency sites, developer portfolios, public-sector services and redesigns. When a brief matches a real design system, such as Fluent, Material, Carbon, Primer, GOV.UK Frontend or shadcn/ui, the agent is told to install the official package instead of copying its look by hand.

The default stack is React or Next.js with Tailwind v4 and the Motion library. Long rule sections cover typography, color, layout, dark mode, reduced motion, Core Web Vitals targets and a list of AI tells to avoid, such as purple gradients, three equal feature cards and placeholder names. Redesigns start with an audit of the existing site, and every build ends with a pre-flight check.

## When to use it

- You want a landing page that does not look like a default AI template.
- You are building a portfolio and want the agent to choose a style that fits the audience.
- You are redesigning a site and want an audit before anything changes.
- You want the agent to use an official design system package when the brief calls for one.

## When to pick something else

- Dashboards, data tables and multi-step product UI: the skill rules them out of scope in its first lines.
- Projects that need fixed behavior: v2 is marked experimental, and the publisher keeps design-taste-frontend-v1 for pinning.

## Which agents it works in

Leon Lin documents it for Codex, Cursor, Claude Code, Any agent that reads SKILL.md files, through the skills CLI. The open skills CLI also installs it into 78 agents (listed with the CLI on 2026-10-01).

## License

MIT.

## Related

### Related skills for frontend and design

- [Brand Guidelines](https://cookiesforai.app/skills/anthropics/brand-guidelines): Brand Guidelines is Anthropic's open-source agent skill that holds Anthropic's own brand colors and fonts, so an agent can give a document, slide deck or web artifact the Anthropic look.
- [Frontend Design](https://cookiesforai.app/skills/anthropics/frontend-design): Frontend Design is Anthropic's open-source agent skill that steers an AI agent toward a look made for your product and away from the templated pages AI tends to produce.
- [Impeccable](https://cookiesforai.app/skills/pbakaus/impeccable): Impeccable is Paul Bakaus's agent skill for frontend design: one skill with 24 commands such as audit, critique and polish, plus a launcher that runs deterministic checks for common AI design mistakes.
- [shadcn](https://cookiesforai.app/skills/shadcn-ui/shadcn): shadcn is the shadcn/ui project's own agent skill: it reads your components.json, then guides the agent to find, install, compose and style shadcn/ui components with the shadcn CLI and the project's rules.