redesign-existing-projects

Audits and upgrades existing website and app designs to premium visual standards.

Updated Jul 7, 2026

Search Tags:#typography #frontend #css #web design #tailwind #ui audit #redesign

One-click install

npx skills add https://github.com/singhaganesh/Urban-assist --skill redesign-existing-projects-singhaganesh

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/singhaganesh/Urban-assist/tree/main/.cursor/skills/redesign-existing-projects
Command: npx skills add https://github.com/singhaganesh/Urban-assist --skill redesign-existing-projects-singhaganesh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Existing websites and apps often carry generic AI-generated design patterns — default fonts, purple-blue gradients, three-card layouts, and missing interaction states — that make products look unfinished and indistinguishable. ## Core Features & Use Cases - Design Audit: Systematically scans a codebase for weak typography, oversaturated colors, generic layouts, missing hover/loading/empty/error states, and cliche component patterns. - Targeted Upgrades: Applies fixes within the existing stack (Tailwind, vanilla CSS, styled-components) without rewriting or breaking functionality, following a prioritized fix order from font swaps to state polish. - Use Case: Point the Skill at a Next.js marketing site built with Tailwind; it identifies the Inter-everywhere typography, the symmetric three-column feature grid, and missing focus rings, then applies a distinctive font pairing, asymmetric layout, and accessible interaction states. ## Quick Start Redesign this existing project by auditing its current design patterns and upgrading typography, color, layout, and interaction states without breaking functionality.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema

When should I not use an incremental redesign approach?▼

Avoid incremental redesign when the project requires a full rebrand with a new design system, when the underlying architecture is unmaintainable, or when a framework migration is explicitly the goal. This approach intentionally works within the existing stack.