redesign-existing-projects

Redesign an Interface

Redesign an existing site or app to premium quality without a rewrite. It audits the current design, flags generic AI patterns, and fixes them in any CSS framework without breaking functionality.

Install the skill or give me an instruction how to install it - redesign-existing-projects from https://github.com/Leonxlnx/taste-skill

Free Open source Works in Claude, Cursor, Codex & more

Action Design

What it does

Point it at a site or app you already have and it makes the interface read as premium without a rewrite. It works in place, so whether you are on Tailwind, a component library, or vanilla CSS, it keeps your stack and your functionality intact and upgrades the parts that make a project look generic.

First it scans the codebase to learn the framework and how styling is done, then audits it against a long list of the usual AI tells: purple and blue gradients, the three-identical-cards feature row, default fonts, and missing hover, empty, and error states. It applies targeted fixes to typography, color, layout, motion, and those missing states, working in a low-risk order so nothing breaks along the way. You get the same product, redesigned, not a rebuild.

When to use it

  • You have a site that looks generic

    Point it at your existing project and it upgrades typography, color, layout, and motion in place.

  • You want a fresh look without a rewrite

    It works with your current framework and applies fixes without breaking functionality.

  • Your UI is missing hover and error states

    It audits against common AI tells and adds the states and polish in a low-risk order.

FAQ

Do I have to rebuild my site?

No. redesign-existing-projects upgrades your current site or app to premium quality without a rewrite. It audits what you have, flags generic AI patterns, and fixes them in place.

Will it break how my site works?

No. redesign-existing-projects applies targeted fixes in a low-risk order and keeps functionality intact, so the redesign changes the look without breaking behavior.

Does it work with my CSS setup?

Yes. redesign-existing-projects scans the codebase to detect your framework and styling method first, then fixes within it, so it adapts to any CSS framework rather than forcing a new one.

Pairs well with