Documentation

Getting Started.

Everything you need to install, configure, and customize Taste Skill for your AI coding agent.

Installation

One command. Works with any agent that supports SKILL.md files.

$ npx skills add Leonxlnx/taste-skill

This adds a SKILL.md file to your project root. Your AI agent reads it automatically — no configuration needed.

Compatible Agents

Taste Skill works with every major AI coding agent that supports skill files.

Cursor
Claude Code
Codex
Antigravity
Gemini CLI
AI Studio
v0
Lovable
OpenCode
OpenClaw
Windsurf
Copilot

The Three Dials

The core taste-skill uses a 3-dial parameterization system. Adjust these values (1–10) in the SKILL.md to control how your AI generates frontends.

DESIGN_VARIANCE: 81=Symmetry, 10=Chaos

How experimental the layout is. 1–3: Clean, centered. 8–10: Asymmetric, modern.

MOTION_INTENSITY: 61=Static, 10=Cinematic

How much animation there is. 1–3: Simple hover. 8–10: Magnetic, scroll-triggered.

VISUAL_DENSITY: 41=Gallery, 10=Cockpit

How much content fits on screen. 1–3: Spacious luxury. 8–10: Dense dashboards.

All 7 Skills

Taste Skill ships as a collection of specialized skill files. Install the ones you need.

taste-skillStable

Core engine — 3 adjustable dials (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY), 40+ premium UI concepts, anti-slop ban lists.

redesign-skillStable

Audit & upgrade existing sites — 6-category diagnostic checklist that identifies and fixes generic patterns.

soft-skillStable

Luxury aesthetic — ethereal glass, editorial typography, spring physics. For brands that need elegance.

minimalist-skillStable

Notion/Linear-inspired clean workspace aesthetic. Whitespace-first, content-focused.

brutalist-skillBeta

Swiss typography meets military terminal. Raw, bold, unapologetic design language.

output-skillStable

Anti-laziness enforcement — bans "// TODO", placeholder code, and incomplete output from your AI agent.

stitch-skillStable

Google Stitch bridge — generates DESIGN.md files for Stitch AI prototyping integration.

The Anti-Slop Ban System

Taste Skill enforces a strict list of banned patterns — the "AI Tells" that make every AI-generated frontend look identical.

Visual & CSSNo neon glows, no pure black (#000), no gradient text, no custom cursors
TypographyNo Inter font, no oversized H1s, no serif on dashboards
LayoutNo 3-column equal card grids, pixel-perfect alignment required
ContentNo "John Doe", no generic avatars, no fake numbers, no startup slop names
ExternalNo Unsplash placeholders, customize shadcn defaults, production-ready only

Customization

The SKILL.md file is fully editable. Open it in your project root and modify any rule to match your design vision.

# Example: adjust for a spacious luxury site
DESIGN_VARIANCE: 5
MOTION_INTENSITY: 7
VISUAL_DENSITY: 2

You can add rules, remove rules, or adjust the dials. The AI reads the file on every generation — changes take effect immediately.

Learn More

For in-depth guides, tutorials, and advanced usage patterns, visit the Taste Skill Guide.