How do I install the Taste skill?

Run npx skillmds@latest add tanveer-rajpurohit/taste in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Taste safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Taste?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Taste free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Tanveer-rajpurohit (@tanveer-rajpurohit) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Taste by tanveer-rajpurohit — Agent Skill

Name: Taste
Rating: 4.2 (5 reviews)
Author: Tanveer-rajpurohit

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.

File contents

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

---name: tastedescription: 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.---# Taste — Premium, Anti-Slop Frontend DesignA curated set from the `taste-skill` project. The through-line: **infer the rightdesign direction from the brief and ship interfaces that don't look templated orAI-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 toolingavailable 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 → impeccableMotion taste & animation review → motion → build it with gsapImplement 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

Frequently asked questions