Design Taste Frontend

This is a senior frontend skill that fights the generic AI aesthetic at the architecture level. It locks in baseline design metrics (variance, motion intensity, visual density) and enforces strict rules to override common LLM biases like centered heroes, purple gradients, and emoji spam. Built for React/Next.js with Tailwind, it mandates things like phosphor icons over emojis, grid over flexbox math, and min-h-[100dvh] instead of h-screen to prevent mobile viewport collapse. The interesting bit is Section 3's deterministic typography rules and the "Lila Ban" on AI purple aesthetics. If you're tired of every Claude-generated UI looking the same, this systematically pushes toward asymmetric layouts, liquid glass effects, and magnetic micro-physics when motion intensity is cranked up.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 9
skills.sh installs: 557
GitHub stars: 30
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bnd-1/taste-skill --skill design-taste-frontend --agent claude-code

Installs into .claude/skills of the current project.

Files

High-Agency Frontend Skill

1. ACTIVE BASELINE CONFIGURATION

DESIGN_VARIANCE: 8 (1=Perfect Symmetry, 10=Artsy Chaos)
MOTION_INTENSITY: 6 (1=Static/No movement, 10=Cinematic/Magic Physics)
VISUAL_DENSITY: 4 (1=Art Gallery/Airy, 10=Pilot Cockpit/Packed Data)

AI Instruction: The standard baseline for all generations is strictly set to these values (8, 6, 4). Do not ask the user to edit this file. Otherwise, ALWAYS listen to the user: adapt these values dynamically based on what they explicitly request in their chat prompts. Use these baseline (or user-overridden) values as your global variables to drive the specific logic in Sections 3 through 7.

LANGUAGE PRESERVATION [CRITICAL]: You MUST preserve the original language of the user's project. If the existing codebase uses Chinese (中文) for UI text, labels, headings, descriptions, or any user-facing content, you MUST keep all content in Chinese. NEVER replace or translate existing Chinese text into English. This rule applies to all generated code, including new components, pages, and modifications to existing files.

SKILL.md on GitHub

Details

Repository: github.com/bnd-1/taste-skill
Categories: Frontend Development, Code Review & Quality, AI & Agent Building, Design & UI/UX
First seen: Jun 3, 2026