skills.rest
coldter
coldterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

redesign-existing-projects

Audit existing web projects for design debt and generate prioritized upgrade plans.

Updated Jan 12, 2026
Search Tags:#accessibility#design-patterns#frontend-design#design-audit#refactor-guidance#css-frameworks#ui-upgrade
One-click install
npx skills add https://github.com/coldter/kuldeep.tech --skill redesign-existing-projects-coldter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/coldter/kuldeep.tech/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/coldter/kuldeep.tech --skill redesign-existing-projects-coldter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits and lifts the design quality of existing websites and apps without breaking functionality, turning scattered patterns into a cohesive, premium UI blueprint.

Core Features & Use Cases

  • Design audit and pattern identification across frameworks or vanilla CSS.
  • Non-destructive upgrades that preserve layout and behavior while improving typography, color systems, spacing, and accessibility.
  • Real-world use case: modernizing a legacy site by upgrading typography scales, visual rhythm, and interaction states without rewriting core components.

Quick Start

Run a design audit on the current project and generate a prioritized upgrade plan.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
How do I audit my existing web project for design debt?▼

To audit your existing web project for design debt, scan your code, UI patterns, and typography choices to surface actionable upgrade opportunities across any CSS framework or vanilla CSS.

Can I upgrade my site's typography and spacing without breaking existing functionality?▼

You can upgrade typography scales, color systems, and spacing rhythm without breaking functionality by applying non-destructive upgrades that preserve existing layout and behavior while improving the UI.

What is the best way to modernize a legacy website's UI without rewriting core components?▼

The best way to modernize a legacy website's UI without rewriting core components is to generate a prioritized upgrade plan that targets visual rhythm and interaction states while keeping your current tech stack intact.

Does a design audit work with vanilla CSS or do I need a specific CSS framework?▼

A design audit works across any CSS framework or vanilla CSS, scanning existing patterns to deliver concrete implementation recommendations compatible with your current tech stack.

How do I improve accessibility and visual rhythm in an old frontend design?▼

Improve accessibility and visual rhythm in an old frontend design by identifying scattered patterns and applying a structured audit to transform them into a cohesive, premium UI blueprint.

What does a UI upgrade plan include when refactoring an existing site?▼

A UI upgrade plan for refactoring an existing site includes a structured design audit, prioritized upgrade scenarios, and concrete implementation recommendations for typography, color systems, and accessibility.

Related Skills

Explore More Design & Creative Skills→
RelicWare-CoRelicWare-Co

redesign-existing-projects

Audit and upgrade typography, color, and layout in existing web projects.

Official
Intermediate
jairvisassistant-dotjairvisassistant-dot

redesign-existing-projects

Audit existing websites and apps and generate a prioritized design upgrade plan.

Community
Advanced
vvedantbvvedantb
99

redesign-existing-projects

Audit and upgrade existing project designs without breaking functionality.

Community
Advanced
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic