redesign-existing-projects

Audit and upgrade existing websites to premium design standards without breaking functionality.

- Provides a comprehensive design audit checklist covering typography, color, layout, interactivity, content, components, and iconography to identify generic AI patterns and weak points

- Works with any CSS framework (Tailwind, vanilla CSS, styled-components) or tech stack by scanning and improving existing code rather than rewriting from scratch

- Includes strategic upgrade techniques for typography animation, asymmetric layouts, motion design, and surface effects to replace cliche patterns with high-end alternatives

- Prioritizes fixes by visual impact: font swaps, color cleanup, interactive states, layout refinement, component replacement, and state design in sequence

Redesign Skill

How This Works

When applied to an existing project, follow this sequence:

- Scan - Read the codebase. Identify the framework, styling method (Tailwind, vanilla CSS, styled-components, etc.), and current design patterns.

- Diagnose - Run through the audit below. List every generic pattern, weak point, and missing state you find.

- Fix - Apply targeted upgrades working with the existing stack. Do not rewrite from scratch. Improve what's there.

Design Audit

Typography

Check for these problems and fix them: