๐ŸŽฏ

redesign-existing-projects

๐ŸŽฏSkill

from leonxlnx/taste-skill

VibeIndex|
What it does
|

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.

Overview

Part of the Taste Skill collection (the "anti-slop" frontend framework for AI agents), this skill focuses on redesigning existing frontend projects to achieve premium visual quality. It guides AI coding agents to transform generic, boilerplate-looking interfaces into modern designs with intentional animations, refined spacing, and polished typography.

Key Features

  • Transforms existing UI code into premium, visually polished frontends instead of starting from scratch
  • Applies anti-slop design principles for layout, typography, motion, and spacing
  • Works across multiple AI coding agents including Claude Code, Cursor, and Codex
  • Eliminates the generic look from auto-generated interfaces by enforcing design taste

Who is this for?

  • Developers who have existing frontend projects that look generic or template-like
  • Teams using AI coding agents who want higher design quality from generated code
  • Anyone who wants to upgrade the visual polish of their web application without a dedicated designer
๐Ÿ“ฆ

Same repository

leonxlnx/taste-skill(14 items)

redesign-existing-projects

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add leonxlnx/taste-skill --skill redesign-existing-projects
skills.sh Installโš  Installs to .agents/skills/
npx skills add leonxlnx/taste-skill --skill redesign-existing-projects
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/redesign-existing-projects/SKILL.md

SKILL.md

112,915Installs
-
AddedMar 1, 2026

More from this repository10

๐ŸŽฏ
design-taste-frontend๐ŸŽฏ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.

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

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.

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

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.

๐ŸŽฏ
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

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.

๐ŸŽฏ
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.

๐ŸŽฏ
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.

๐ŸŽฏ
imagegen-frontend-web๐ŸŽฏSkill

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.