Taste Skill (Anti-Slop Frontend)

Community anti-slop frontend skills for landing pages, portfolios, and redesigns — layout, typography, motion, and spacing from Leonxlnx/taste-skill.

CopilotCursorKilo
AuthorLeonxlnx
Updated
uidesignfrontendanimationlanding-page

Overview

Upstream community skill bundle for premium, non-templated frontends. The default skill (design-taste-frontend, v2 experimental) reads the brief, infers the design language, tunes variance/motion/density dials, and ships landing pages, portfolios, and redesigns without generic AI defaults.

The repo also ships specialized skills for redesign audits, minimalist or brutalist directions, image-to-code pipelines, and image-generation reference boards.

Upstream: Leonxlnx/taste-skill · tasteskill.dev

When to use

Need Use this
Landing pages, portfolios, or redesigns without AI-slop defaults taste-skill (design-taste-frontend)
Audit and upgrade an existing UI codebase redesign-existing-projects
Image reference → analyze → implement pipeline image-to-code
Animation polish and interaction review emil-design-eng
shadcn/ui component composition shadcn-ui-v4

Installation

Install from upstream — do not copy skill files from memory:

npx skills add Leonxlnx/taste-skill

Install a single skill by install name:

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

Other install names in the repo include design-taste-frontend-v1, gpt-taste, redesign-existing-projects, minimalist-ui, high-end-visual-design, image-to-code, imagegen-frontend-web, and brandkit. See upstream README for the full table.

Usage

Invoke when building or redesigning marketing UI, for example:

Build a B2B SaaS landing page with a Linear-style minimalist language. Use taste-skill.

For image-first workflows, state the pipeline explicitly: generate reference images, analyze them, then implement in code.

Raw content

Copy into your project — e.g. .instructions.md, .agent.md, or SKILL.md

## Overview

Upstream community skill bundle for premium, non-templated frontends. The default skill (`design-taste-frontend`, v2 experimental) reads the brief, infers the design language, tunes variance/motion/density dials, and ships landing pages, portfolios, and redesigns without generic AI defaults.

The repo also ships specialized skills for redesign audits, minimalist or brutalist directions, image-to-code pipelines, and image-generation reference boards.

**Upstream:** [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) · [tasteskill.dev](https://tasteskill.dev)

## When to use

| Need | Use this |
|------|----------|
| Landing pages, portfolios, or redesigns without AI-slop defaults | **taste-skill** (`design-taste-frontend`) |
| Audit and upgrade an existing UI codebase | `redesign-existing-projects` |
| Image reference → analyze → implement pipeline | `image-to-code` |
| Animation polish and interaction review | [emil-design-eng](/skills/emil-design-eng) |
| shadcn/ui component composition | [shadcn-ui-v4](/instructions/shadcn-ui-v4) |

## Installation

Install from upstream — do not copy skill files from memory:

```bash
npx skills add Leonxlnx/taste-skill
```

Install a single skill by install name:

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

Other install names in the repo include `design-taste-frontend-v1`, `gpt-taste`, `redesign-existing-projects`, `minimalist-ui`, `high-end-visual-design`, `image-to-code`, `imagegen-frontend-web`, and `brandkit`. See upstream README for the full table.

## Usage

Invoke when building or redesigning marketing UI, for example:

```
Build a B2B SaaS landing page with a Linear-style minimalist language. Use taste-skill.
```

For image-first workflows, state the pipeline explicitly: generate reference images, analyze them, then implement in code.

Next steps

Matched by shared tags and category. Browse all skills