taste

Audit frontend components against anti-slop UI rules and brand constraints.

11|4|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/leadgenjay/claude-skills --skill taste-leadgenjay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: taste
Source: https://github.com/leadgenjay/claude-skills/tree/main/skills/taste
Command: npx skills add https://github.com/leadgenjay/claude-skills --skill taste-leadgenjay

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Quality enforcement layer for eliminating generic AI aesthetics in frontend code. This skill helps teams build UI that is visually premium, authentic, and distinctly designed without falling into common AI-generated patterns.

Core Features & Use Cases

  • Anti-slop pattern detection and enforcement across components, pages, and styles
  • Style archetypes support (Standard, Soft-Premium, Editorial-Minimal) with configurable motion
  • Comprehensive guidelines for typography, spacing, color, and motion to maintain brand integrity

Quick Start

Run Taste to audit a new UI page and enforce anti-slop rules against AI patterns.

Frequently Asked Questions about taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit frontend components for generic AI design patterns?

To audit frontend components for generic AI design patterns, apply anti-slop rules to design tokens, typography, spacing, color usage, and motion patterns. This process reports violations with actionable guidance to ensure premium UI craft.

What are common UI slop patterns in AI-generated frontend code?

Common UI slop patterns in AI-generated frontend code include generic aesthetics that violate brand integrity through inconsistent typography, spacing, color usage, and motion choreography. Anti-slop pattern detection identifies these issues to enforce distinctly designed, visually premium interfaces.

Can I enforce custom style archetypes like editorial-minimal or soft-premium?

Yes, you can enforce custom style archetypes like editorial-minimal and soft-premium. The system supports Standard, Soft-Premium, and Editorial-Minimal archetypes with configurable motion choreography to maintain specific visual styles across pages and components.

How do I validate motion choreography against accessibility standards?

To validate motion choreography against accessibility standards, audit frontend components using anti-slop rules that check motion patterns alongside brand constraints. This ensures motion design maintains both visual premium quality and accessibility compliance.

Does this UI audit tool work without external dependencies?

Yes, this UI audit tool works without external dependencies. It operates independently to identify and enforce premium-quality UI craft by applying anti-slop rules directly to your frontend design tokens, typography, spacing, color, and motion patterns.