redesign-existing-projects

Audit and upgrade website design quality without altering functionality.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill redesign-existing-projects-alejandrofigini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/redesign-skill
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill redesign-existing-projects-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrades existing websites and apps to premium quality while preserving functionality. This Skill provides a structured approach to auditing current design, identifying weak points and AI-patterns, and applying high-end design standards without breaking behavior.

Core Features & Use Cases

  • Design Audit: evaluate typography, color, layout, spacing, and interactive states to propose premium improvements without code rewrites.
  • Framework-agnostic upgrades: works with any CSS framework or vanilla CSS to upgrade visuals and UX safely.
  • Real-world use: modernize a legacy site by updating typography scale, color palette, and interaction feedback while preserving current features.

Quick Start

Run a design audit on the project and apply targeted, non-disruptive upgrades to typography, color, layout, and interactions using the current CSS framework.

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 my existing website design to premium quality without breaking functionality?

Upgrade your existing website design to premium quality by running a structured design audit to identify weak points and apply non-destructive styling adjustments. This process enhances typography, color, and layout while preserving your current features and behavior.

Can I apply a design upgrade to my project if it uses vanilla CSS instead of a framework?

Yes, you can apply a design upgrade to projects using vanilla CSS. The process is framework-agnostic, meaning it works safely with any CSS framework or vanilla CSS to upgrade visuals and user experience without requiring code rewrites.

What is a UI audit and how does it improve an existing app?

A UI audit evaluates typography, color, layout, spacing, and interactive states to propose premium improvements for an existing app. It identifies weak points and AI-patterns to apply high-end design standards without altering functionality.

What is the best way to modernize a legacy site's typography and color palette safely?

The best way to modernize a legacy site's typography and color palette safely is through targeted, non-disruptive upgrades. This involves applying high-end design standards and maintainable guidelines while explicitly preserving current site behavior.

Are there limitations when applying non-destructive design upgrades to interactive states?

When applying non-destructive design upgrades to interactive states, the main limitation is preserving existing functionality. You must ensure styling adjustments improve interaction feedback without breaking underlying behavior or requiring structural code rewrites.