redesign-existing-projects

Audit legacy UI designs and apply premium CSS upgrades without breaking functionality.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill redesign-existing-projects-har5ha-7663
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/HAR5HA-7663/Claude-Skills/tree/main/redesign-existing-projects
Command: npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill redesign-existing-projects-har5ha-7663

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Redesign and upgrade existing websites and apps to premium design quality by auditing current UI, identifying patterns and anti-patterns, and applying high-end design standards that work with any CSS framework or vanilla CSS.

Core Features & Use Cases

  • AI-assisted UI audit that identifies typography, color, spacing, readability, and interaction gaps.
  • Non-destructive upgrades that adapt to the current tech stack, preserving functionality while improving visuals.
  • Use Case: modernize legacy interfaces, rebalance typography, color palettes, and layout, across pages and components, without full rewrites.

Quick Start

Provide the codebase or live URL and your design goals to initialize an upgrade audit.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
How do I upgrade legacy UI design without breaking existing functionality?

Upgrade legacy UI design by auditing current CSS patterns and applying premium standards non-destructively. This approach preserves your current tech stack and functionality while delivering stepwise visual improvements across pages and components.

Can I improve website typography and accessibility using my existing CSS framework?

Yes, you can improve website typography and accessibility using your existing CSS framework. The audit identifies readability and interaction gaps, then applies high-end design standards that adapt directly to your current vanilla CSS or framework setup.

What is a UI design audit and how does it modernize legacy interfaces?

A UI design audit modernizes legacy interfaces by identifying typography, color, spacing, and interaction anti-patterns. It systematically rebalances visual elements across pages and components to achieve premium quality without requiring a full codebase rewrite.

What's the best way to modernize a website's color palette and layout without a full rewrite?

The best way to modernize a website's color palette and layout without a full rewrite is a non-destructive upgrade audit. It provides stepwise guidance to apply premium design standards while respecting your current tech stack and ensuring measurable visual outcomes.

Does a non-destructive CSS upgrade work with vanilla CSS and any frontend framework?

Yes, a non-destructive CSS upgrade works with vanilla CSS and any frontend framework. The process identifies existing CSS patterns and applies interaction improvements across all states while strictly preserving the original tech stack and functionality.

Why should I choose a stepwise UI upgrade over a complete design system rebuild?

A stepwise UI upgrade avoids the heavy cost of a complete rebuild by auditing existing code and applying premium design standards non-destructively. It ensures measurable visual outcomes while safely maintaining your current functionality and tech stack.