๐ŸŽฏ

design-taste-frontend

๐ŸŽฏSkill

from leonxlnx/taste-skill

VibeIndex|
What it does
|

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.md in 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(13 items)

design-taste-frontend

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add leonxlnx/taste-skill --skill design-taste-frontend
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add leonxlnx/taste-skill --skill design-taste-frontend
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/design-taste-frontend/SKILL.md

SKILL.md

34,875Installs
-
AddedFeb 21, 2026

More from this repository10

๐ŸŽฏ
high-end-visual-design๐ŸŽฏSkill

Skill

๐ŸŽฏ
redesign-existing-projects๐ŸŽฏSkill

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.

๐ŸŽฏ
minimalist-ui๐ŸŽฏSkill

Skill

๐ŸŽฏ
full-output-enforcement๐ŸŽฏSkill

A skill that enforces full output from AI tools when writing frontend code, ensuring complete file generation without truncation or placeholder shortcuts.

๐ŸŽฏ
industrial-brutalist-ui๐ŸŽฏSkill

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.

๐ŸŽฏ
stitch-design-taste๐ŸŽฏSkill

Skill

๐ŸŽฏ
gpt-taste๐ŸŽฏSkill

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.

๐ŸŽฏ
image-to-code๐ŸŽฏSkill

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.

๐ŸŽฏ
image-taste-frontend๐ŸŽฏSkill

A collection of skills that improve how AI tools write frontend code, generating modern, premium designs with proper animations, spacing, and visual quality instead of generic interfaces.

๐ŸŽฏ
brandkit๐ŸŽฏSkill

A brand kit skill that helps AI agents maintain consistent brand identity across frontend projects, ensuring design coherence in colors, typography, and visual elements.