Design Taste Frontend

This is a baseline design system for Claude that sets three core parameters: design variance (how asymmetric), motion intensity (how much animation), and visual density (how much info per screen). Default is 8/6/4, which leans artsy and kinetic without being chaotic. It ships with opinionated architecture choices like Next.js, Tailwind, Framer Motion, and Radix, so you're not starting from a blank slate every time you ask for a component. The skill explicitly tells Claude to stop asking permission and just apply taste decisions unless you override them in chat. Works best if you're tired of symmetric layouts and want something that feels like it came from a design studio instead of a default component library.

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

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

tasteskill 2.5

Build the website a good company would ship: it says plainly what is sold, shows the real thing on every screen, and looks made for this client, not from a template and not like an art piece. figma.com and x.ai are the bar (in words: layout-v4.md section 1).

<skill> is this folder. It needs Node 22+ and Chrome, Edge or Chromium (ffmpeg optional).