# Taste

> Premium, anti-"AI-slop" frontend design taste — ship interfaces that don't look templated or generated. Trigger for: landing pages, portfolios, marketing sites, redesigns of existing UIs, "make this look expensive / high-end / less generic / less AI", picking a design direction (minimalist, brutalist, soft/luxury), and generating design-reference images before coding. Trigger on "premium UI", "make it look designed", "redesign this site", "looks too AI", "high-end look", "design direction". Router over a set of style/redesign/image-gen sub-skills; pair with `ui-design`, `impeccable`, `motion`, and `gsap` for execution.

- Skill: `tanveer-rajpurohit/taste` (Agent Skill, multi-file: 15 files)
- Install (CLI): `npx skillmds@latest add tanveer-rajpurohit/taste`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tanveer-rajpurohit/taste/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: Tanveer-rajpurohit (https://skillmd.com/u/tanveer-rajpurohit)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/tanveer-rajpurohit/taste

---


# Taste — Premium, Anti-Slop Frontend Design

A curated set from the `taste-skill` project. The through-line: **infer the right
design direction from the brief and ship interfaces that don't look templated or
AI-generated.** Each sub-skill has its own `SKILL.md` (some add a `DESIGN.md`).

Pick by intent — don't load all of them:

## Core (start here)

| Sub-skill | Folder | Load when |
|---|---|---|
| **design-taste-frontend** | `taste-skill/` | The default. Landing pages / portfolios / redesigns: reads the brief, infers direction, builds a real design system, audit-first on redesigns, strict pre-flight check. **This is the main taste skill.** |
| **redesign-existing-projects** | `redesign-skill/` | Upgrading an existing site/app to premium. Audits current design, kills generic AI patterns, applies high-end standards without breaking functionality. Any framework or vanilla CSS. |
| **high-end-visual-design** | `soft-skill/` | Want the exact fonts/spacing/shadows/cards/animations that make a site feel *expensive*, and to block the cheap defaults. The "design like a high-end agency" preset. |

## Style presets (commit to a look)

| Sub-skill | Folder | The look |
|---|---|---|
| **minimalist-ui** | `minimalist-skill/` | Clean editorial. Warm monochrome, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows. |
| **industrial-brutalist-ui** | `brutalist-skill/` | Swiss print × military terminal. Rigid grids, extreme type-scale contrast, utilitarian color, analog degradation. Data-heavy dashboards / editorial that should feel like declassified blueprints. |

## Image-first (generate design references, then build)

These generate **design images** to work from. They need image-generation tooling
available in your agent — if it isn't, use them as detailed art-direction prompts.

| Sub-skill | Folder | Load when |
|---|---|---|
| **image-to-code** | `image-to-code-skill/` | Generate the design image(s) first, analyze deeply, then implement to match. The full image→code loop. |
| **imagegen-frontend-web** | `imagegen-frontend-web/` | One horizontal reference image per landing-page section, conversion-aware, varied composition. Images only. |
| **imagegen-frontend-mobile** | `imagegen-frontend-mobile/` | App-native iOS/Android screen concepts in premium phone mockups. Images only. |
| **brandkit** | `brandkit/` | Brand-guideline boards, logo systems, identity decks, visual-world presentations. Images only. |

## Platform / utility

| Sub-skill | Folder | Load when |
|---|---|---|
| **stitch-design-taste** | `stitch-skill/` | Generate an agent-friendly `DESIGN.md` (premium, anti-generic standards) — e.g. for Google Stitch or any DESIGN.md-driven flow. |
| **gpt-taste** | `gpt-tasteskill/` | GPT-oriented variant: randomized layout variance, AIDA structure, heavy GSAP ScrollTrigger choreography, editorial type. |
| **full-output-enforcement** | `output-skill/` | Anti-truncation: forces complete code output, bans placeholder/`// ...` patterns. Bolt onto any task where the model keeps abbreviating. |
| **design-taste-frontend-v1** | `taste-skill-v1/` | Legacy v1 of the core skill, kept only for exact backward-compat. Prefer `taste-skill/` (v2). |

## How this sits with the other design skills

```
Decide look & avoid slop          → taste  (this)  +  ui-design (systematic rules)
Deep craft / commands / register  → impeccable
Motion taste & animation review   → motion  →  build it with  gsap
Implement in React/Next/Tailwind  → frontend
```

`ui-design` and `taste` overlap — `ui-design` is the compact rulebook (spacing,
type, color scales); `taste` is direction + style presets + anti-slop pre-flight.
Use them together. Source: https://github.com/Leonxlnx/taste-skill