redesign-existing-projects

Audit existing projects and apply premium design standards without breaking functionality.

1|Updated Oct 27, 2025

Search Tags:#typography #accessibility #color-palette #design-audit #css-frameworks #ui-upgrade

Ready to run

npx skills add https://github.com/sandrasocial/sselfie-9g --skill redesign-existing-projects-sandrasocial

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/sandrasocial/sselfie-9g/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/sandrasocial/sselfie-9g --skill redesign-existing-projects-sandrasocial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

Core Features & Use Cases

Audit and diagnose design debt across typography, color, layout, and accessibility to identify upgrade opportunities.
Apply upgrades to existing stacks without rewriting core functionality, preserving behavior.
Use case: a mid-size product website with a dated UI can be refreshed with a new typography scale, color palette, and grid system while maintaining existing components.

Quick Start

In a project, run an audit and implement a targeted upgrade pass that preserves behavior while elevating the look and feel.

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 website's UI design without breaking existing functionality?▼

You can upgrade your website's UI design by running an audit to identify generic AI patterns and applying premium typography, color, and layout standards that preserve current behavior. This approach refreshes visuals without rewriting core functionality.

What is a design audit and how does it improve accessibility and typography?▼

A design audit diagnoses design debt by evaluating typography, color, layout, and accessibility to identify upgrade opportunities. It applies high-end design standards to elevate visual consistency and responsiveness without breaking current website behavior.

Can I use this design upgrade approach with any CSS framework or vanilla CSS?▼

Yes, this design upgrade approach works with any CSS framework or vanilla CSS. It audits existing projects to apply targeted improvements to typography scales, color palettes, and grid systems while maintaining current components and functionality.

What's the best way to fix generic AI design patterns in a web app?▼

The best way to fix generic AI design patterns is to audit the existing project to identify them and apply premium design standards. This refreshes the UI with a new typography scale and color palette while maintaining existing behavior.

How do I refresh a dated product website UI without a full rewrite?▼

Refresh a dated product website UI by applying targeted upgrade passes to typography, color, and grid systems. This method elevates the look and feel while maintaining existing components and preserving current behavior.