design-taste-frontend
๐ฏSkillfrom leonxlnx/taste-skill
|Skill that upgrades AI-generated frontend code quality with 3 control dials for design variance, motion intensity, and visual density, preventing generic "slop" aesthetics.
Overview
A skill from the Taste Skill collection that upgrades AI-generated frontend code quality. It ships with three control dials โ DESIGN_VARIANCE, motion intensity, and visual density โ so you can steer away from generic "slop" aesthetics toward modern, premium designs with proper animations, spacing, and visual quality.
Key Features
- Three tunable dials: DESIGN_VARIANCE, motion intensity, visual density
- Covers layout, typography, colors, spacing, motion, and overall visual quality
- Usable as a standalone SKILL.md referenced by the agent (e.g.,
@SKILL.mdin Cursor) - Part of a three-skill project (taste, redesign, output) covering new builds, upgrades, and lazy-output prevention
Who is this for?
Developers who use AI agents for frontend and are tired of identical-looking outputs. Useful for landing pages, dashboards, and product UIs where going beyond default-template aesthetics actually matters for perception and conversion.
Same repository
leonxlnx/taste-skill(14 items)
Installation
npx vibeindex add leonxlnx/taste-skill --skill design-taste-frontendnpx skills add leonxlnx/taste-skill --skill design-taste-frontend~/.claude/skills/design-taste-frontend/SKILL.mdSKILL.md
More from this repository10
An agent skill from Taste Skill that guides AI agents to produce high-end visual designs with refined layout, typography, motion, and spacing, replacing generic boilerplate-looking UIs with premium frontends.
A skill that improves how AI tools write frontend code by generating modern, premium designs with proper animations, spacing, and visual quality instead of generic interfaces.
An agent skill from Taste Skill that directs AI agents to create clean, minimalist user interfaces with intentional whitespace, restrained color palettes, and focused typography instead of cluttered designs.
A skill that enforces full output from AI tools when writing frontend code, ensuring complete file generation without truncation or placeholder shortcuts.
A beta skill from the Taste Skill collection that guides AI agents to generate bold, industrial brutalist UI with Swiss typography, sharp contrast, raw structure, and experimental composition.
An agent skill from Taste Skill that stitches together design taste across AI-generated interfaces, ensuring consistent visual quality in layout, typography, and motion throughout the entire frontend.
Premium Awwwards-level frontend/UI skill that teaches AI agents to generate modern, high-quality interfaces with proper GSAP animations, typography, spacing, and deterministic randomization checks instead of generic designs.
An image-first frontend implementation skill that generates premium website design images first, deeply analyzes them, then implements the frontend code to match closely, part of the Taste Skill collection for improving AI-generated UI quality.
A brand kit skill that helps AI agents maintain consistent brand identity across frontend projects, ensuring design coherence in colors, typography, and visual elements.
An image generation skill for web frontend that guides AI agents to produce visually premium, modern web interfaces with proper animations, spacing, and design quality.