redesign-existing-projects
Installation
Summary
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
SKILL.md
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: