taste-skill-redesign-skill

Audits existing websites for generic design patterns and applies targeted CSS and layout upgrades.

Updated Sep 23, 2026
One-click install
npx skills add https://github.com/ehadziabdic/WAgents --skill taste-skill-redesign-skill-ehadziabdic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-skill-redesign-skill
Source: https://github.com/ehadziabdic/WAgents/tree/main/opencode/skills/taste-skill-redesign-skill
Command: npx skills add https://github.com/ehadziabdic/WAgents --skill taste-skill-redesign-skill-ehadziabdic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Existing websites and apps often carry generic AI-generated design fingerprints like default fonts, purple-blue gradients, three-column card layouts, and missing interaction states. This Skill audits a codebase for those patterns and applies targeted upgrades without rewriting the project or breaking functionality. ## Core Features & Use Cases - Design Audit: Scans typography, color, layout, interactivity, content, components, iconography, and code quality against a checklist of known generic patterns. - Targeted Upgrades: Applies fixes such as font swaps, palette cleanup, hover and active states, grid restructuring, and loading/empty/error states while respecting the existing stack. - Fix Priority Ordering: Sequences changes from lowest-risk highest-impact (font swap) through final polish so reviews stay small and focused. - Use Case: Point it at a Tailwind landing page that looks like every other AI-generated site; it diagnoses the cliches and upgrades fonts, colors, spacing, and component patterns in place. ## Quick Start Audit this project for generic design patterns and upgrade it to a premium look without changing the framework or breaking existing functionality.

Frequently Asked Questions about taste-skill-redesign-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make an AI-generated website look less generic?▼

Audit the design for common fingerprints like Inter font everywhere, purple-blue gradients, three equal card columns, and missing hover states. Then apply targeted fixes: swap fonts, clean the color palette, add interaction states, and restructure layouts with asymmetry and proper spacing.

How to redesign a website without breaking existing functionality?▼

Work with the existing tech stack instead of migrating frameworks, and make small targeted improvements rather than rewrites. Test after every change, check the dependency file before importing libraries, and follow a fix priority order starting with low-risk font and color changes.

Does this redesign approach work with Tailwind CSS projects?▼

Yes, it works with Tailwind, vanilla CSS, styled-components, and other styling methods. For Tailwind projects, check whether the project uses v3 or v4 before modifying the config, since configuration syntax differs between versions.

What are the most common AI design patterns to avoid?▼

The most common patterns are purple-blue AI gradients, three-column feature card rows, Lucide or Feather icons, pure black backgrounds, generic box-shadows, and cliche copy like Elevate or Seamless. Replacing these with considered alternatives removes the generated look.

When should I not use an incremental redesign approach?▼

Avoid incremental upgrades when the project has fundamental structural problems, an unmaintainable codebase, or requires a complete brand overhaul. In those cases a full rewrite or a new design system may be more appropriate than targeted fixes.