design-taste-frontend
The anti-slop frontend taste skill featuring the Three Dials configuration (Variance, Motion, Density) and design system mapping.
Overview
design-taste-frontend (also known as tasteskill) is a battle-tested frontend taste skill for AI coding assistants created by Leon. It introduces The Three Dials (Variance, Motion, Density) system to give developers deterministic control over AI visual output.
Key Features
- 🎛️ The Three Dials: Explicit numeric tuning for
DESIGN_VARIANCE(symmetry vs chaos),MOTION_INTENSITY, andVISUAL_DENSITY. - 🗺️ Design System Mapping: Intelligent mapping from user prompts to official design systems (shadcn/ui, Radix, Tailwind v4).
- 🔍 Strict Pre-flight Auditing: Enforces strict audit-first checks before touching codebase styling.
- ⚡️ Production Ready: Full support for Linear-style minimalist engineering aesthetic.
Installation & Quick Start
npx skills add leonxlnx/taste-skill@design-taste-frontendWhen to Choose
- Ideal For: Building modern SaaS marketing pages, developer portfolios, and technical redesigns with deterministic aesthetic control.
Comments & Discussion
No comments yet. Be the first to share your experience or thoughts!
Related libraries
Curated by category & stack
23rd
An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.
Duolingo UI (ShadLingo)
A comprehensive Duolingo-inspired design system and component suite built on shadcn/ui v4 and Tailwind CSS, featuring signature 3D buttons, vivid owl-green tokens, and gamified interaction cards.
Rewamp UI
A copy-paste React component library featuring highly interactive, physics-driven Framer Motion and Three.js WebGL components built with Tailwind CSS 4.