redesign-existing-projects

Audits and upgrades existing websites to remove generic AI design patterns.

Updated Jul 3, 2026
One-click install
npx skills add https://github.com/alex-jordan547/agent-setup --skill redesign-existing-projects-alex-jordan547
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/alex-jordan547/agent-setup/tree/main/archive/redesign-existing-projects
Command: npx skills add https://github.com/alex-jordan547/agent-setup --skill redesign-existing-projects-alex-jordan547

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Existing websites and apps often carry generic AI-generated design fingerprints—default fonts, purple-blue gradients, three-card layouts, and missing interaction states—that make them look templated and unfinished. This Skill audits a codebase for these patterns and applies targeted upgrades without breaking functionality. ## Core Features & Use Cases - Design Audit: Systematically checks typography, color, layout, interactivity, content, components, iconography, and code quality against a checklist of known generic patterns. - Targeted Upgrades: Applies high-impact fixes in priority order—font swaps, palette cleanup, hover states, layout corrections—while respecting the existing tech stack (Tailwind, vanilla CSS, styled-components). - Use Case: You inherited a landing page built quickly with AI tools. Run this Skill to identify the Inter-everywhere typography, the three equal feature cards, and the missing focus states, then fix them one by one without rewriting the project. ## Quick Start Audit this project for generic AI design patterns and upgrade the typography, colors, and component styling without changing the framework.

Frequently Asked Questions about redesign-existing-projects

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 site for common AI fingerprints: default fonts like Inter, purple-blue gradients, three equal card columns, and missing hover states. Replace them with distinctive typography, a single desaturated accent color, asymmetric layouts, and proper interaction feedback.

How to redesign a website without breaking existing functionality?

Work with the existing stack instead of rewriting. Apply changes in priority order—font swap, color cleanup, hover states, layout fixes—and test after every change. Keep modifications small and reviewable rather than attempting a full rebuild.

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 the version (v3 vs 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 Inter font everywhere, purple-blue AI gradients, three-card feature rows, generic box-shadows, Lucide icons, and copy cliches like "Elevate" or "Seamless". The audit checklist covers typography, color, layout, and content categories.

When should I not use incremental redesign on a project?

Avoid incremental fixes when the project has fundamental architectural problems, an unmaintainable codebase, or requires a complete brand overhaul. This approach is designed for targeted visual upgrades, not framework migrations or full rebuilds.