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 agent reads it automatically. No extra configuration is required.

Codex

Install the full skill bundle into the Codex skills directory:

$ npx skills add Leonxlnx/taste-skill -a codex

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.

Skill files

The repo bundles multiple SKILL.md files. Enable the ones that match your stack. For release notes, see the changelog.

taste-skillStable

Core skill: DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY (1 to 10), 40+ UI concepts, and anti-slop ban lists.

gpt-tasteskillStable

Stricter taste-skill variant for GPT and Codex: higher layout variance, stronger motion direction, tighter anti-slop checks.

redesign-skillStable

Six-category site audit for upgrading existing projects: finds generic patterns and guides fixes.

soft-skillStable

Calm, polished UI: softer contrast, more whitespace, spring-style motion.

minimalist-skillStable

Editorial product UI inspired by Notion and Linear: restrained palette and tighter hierarchy.

brutalist-skillBeta

Swiss typography, raw structure, and sharper contrast (beta).

output-skillStable

Anti-laziness rules for agents: blocks placeholder comments, skipped sections, and half-finished output.

stitch-skillStable

Google Stitch bridge with optional DESIGN.md export.

image-to-code-skillStable

Image-first pipeline: generate reference frames, analyze them, then implement the frontend to match.

imagegen-frontend-webStable

Image-only skill: horizontal website section frames for handoff to Codex, Cursor, or Claude Code.

imagegen-frontend-mobileStable

Image-only skill: mobile screen reference frames for the same handoff workflow.

brandkitStable

Image-only skill: brand identity boards for the same handoff workflow.

The Anti-Slop Ban System

Taste Skill enforces a strict list of banned patterns: the "AI tells" that make many generated frontends look the same.

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 editorial site
DESIGN_VARIANCE: 5
MOTION_INTENSITY: 7
VISUAL_DENSITY: 2

You can add rules, remove rules, or adjust the dials. The agent reads the file on each run, so edits apply on the next generation.

Learn More

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

Taste Skill Guide→GitHub Repository→