# Taste Skill

> A collection of AI agent skills that improve how AI coding tools write frontend code, producing modern, premium designs with proper animations, spacing, and visual quality.

Taste Skill is a collection of portable SKILL.md instruction files that give AI coding agents better design taste when generating frontend code. Instead of producing generic, boring interfaces, AI tools using these skills build modern, premium designs with proper animations, spacing, and visual quality. It works across all major AI coding agents including Cursor, Claude Code, Codex, Windsurf, and Copilot, and is framework-agnostic — compatible with React, Vue, Svelte, and more.

- **taste-skill** — *The main design skill covering layout, typography, colors, spacing, and motion for premium frontend output.*
- **redesign-skill** — *Audits and fixes design problems in existing projects before upgrading them.*
- **soft-skill** — *Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth spring animations.*
- **output-skill** — *Prevents the AI from being lazy by stopping placeholder comments, skipped code blocks, and half-finished outputs.*
- **minimalist-skill** — *Produces clean, editorial-style interfaces inspired by tools like Notion and Linear with monochrome, crisp borders.*
- **brutalist-skill** — *Generates raw mechanical interfaces fusing Swiss typographic print with CRT terminal aesthetics (Beta).*
- **stitch-skill** — *Google Stitch-compatible semantic design rules for premium AI UI generation, includes DESIGN.md for export.*
- **3-dial parameterization** — *Adjust DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY (each 1–10) to tune output for your specific project.*
- **Easy installation** — *Install via CLI with `npx skills add https://github.com/Leonxlnx/taste-skill` and your agent reads the SKILL.md automatically.*
- **Framework-agnostic** — *Rules focus on design decisions, not framework-specific patterns, so it works with any frontend stack.*

## Features
- 7 specialized skill variants
- 3-dial parameterization system (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY)
- Framework-agnostic design rules
- Anti-repetition rules backed by original research
- Portable SKILL.md instruction files
- Premium UI generation with animations and spacing
- Redesign auditing for existing projects
- Google Stitch-compatible design rules
- Works with all major AI coding agents

## Integrations
Cursor, Claude Code, Antigravity, Codex, Windsurf, GitHub Copilot, Google Stitch, React, Vue, Svelte

## Platforms
WEB, API, CLI

## Pricing
Open Source

## Version
2.0 Beta

## Links
- Website: https://tasteskill.dev
- Documentation: https://github.com/Leonxlnx/taste-skill
- Repository: https://github.com/Leonxlnx/taste-skill
- EveryDev.ai: https://www.everydev.ai/tools/taste-skill