design-taste-frontend-v1 — Skills

What it does

DESIGNVARIANCE: 8 (1=Perfect Symmetry, 10=Artsy Chaos)

MOTIONINTENSITY: 6 (1=Static/No movement, 10=Cinematic/Magic Physics)

VISUALDENSITY: 4 (1=Art Gallery/Airy, 10=Pilot Cockpit/Packed Data)

Framework & Interactivity: React or Next.js. Default to Server Components (RSC).

RSC SAFETY: Global state works ONLY in Client Components. In Next.js, wrap providers in a "use client" component.

State Management: Use local useState/useReducer for isolated UI. Use global state strictly for deep prop-drilling avoidance.

Styling Policy: Use Tailwind CSS (v3/v4) for 90% of styling.

Source

Repository: https://github.com/leonxlnx/taste-skill

design-taste-frontend-v1 FAQ

What does the design-taste-frontend-v1 skill do?

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility. DESIGNVARIANCE: 8 (1=Perfect Symmetry, 10=Artsy Chaos) MOTIONINTENSITY: 6 (1=Static/No movement, 10=Cinematic/Magic Physics)

What does design-taste-frontend-v1 require?

Configuration keys: DESIGN_VARIANCE, VISUAL_DENSITY, MOTION_INTENSITY.

How do I install design-taste-frontend-v1?

Run: npx -y skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend-v1 --agent claude-code — the source lives at github.com/leonxlnx/taste-skill.

Maintain design-taste-frontend-v1?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![design-taste-frontend-v1 on getagentictools](https://getagentictools.com/badge/skills/leonxlnx-taste-skill-design-taste-frontend-v1.svg)](https://getagentictools.com/skills/leonxlnx-taste-skill-design-taste-frontend-v1?ref=badge)

npx agentictools info skills/leonxlnx-taste-skill-design-taste-frontend-v1

The second line is the CLI lookup for this page — handy in READMEs and docs.