skills.rest
fatihkan
fatihkanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

redesign-existing-projects

Audit existing projects and provide non-destructive design upgrade plans.

7|Updated Apr 9, 2026
Search Tags:#typography#color-system#css-framework#ui-refactor#design-upgrade#aesthetic-audit
One-click install
npx skills add https://github.com/fatihkan/badi --skill redesign-existing-projects-fatihkan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/fatihkan/badi/tree/main/.claude/skills/frontend-taste/redesign
Command: npx skills add https://github.com/fatihkan/badi --skill redesign-existing-projects-fatihkan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrades existing websites and apps to premium quality by auditing current design, identifying generic AI-inspired patterns, and applying high-end design standards without breaking functionality.

Core Features & Use Cases

  • Design audit and pattern identification across typography, color, spacing, and components.
  • Non-destructive upgrades that work with any CSS framework or vanilla CSS.
  • Real-world use case: modernizing a marketing landing page to a premium look while preserving existing interactions.

Quick Start

Provide a concise, non-destructive upgrade plan outlining typography, color, and layout improvements for an existing project.

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 an existing website's typography and color system without breaking current functionality?▼

A non-destructive design upgrade audits existing typography, color, and spacing patterns to apply premium standards while preserving current functionality across any CSS framework or vanilla CSS.

What is a design aesthetic audit and how does it identify generic UI patterns?▼

A design aesthetic audit evaluates typography, color usage, and layout constraints to pinpoint generic patterns, providing a practical upgrade plan to elevate the project to premium quality.

Can I apply a premium design upgrade to a project using vanilla CSS or a specific CSS framework?▼

Yes, the design upgrade explicitly works across any CSS framework or vanilla CSS, assessing current layout constraints and applying high-end standards without altering existing functionality.

What is the best way to modernize a marketing landing page to a premium look?▼

Modernizing a landing page involves auditing current spacing and components, then applying a non-destructive upgrade plan for typography and color to achieve a premium aesthetic while keeping interactions intact.

How do I refactor UI components to meet premium design standards without a complete rewrite?▼

Refactoring UI components to premium standards requires assessing current design patterns and layout constraints, then applying targeted typography, color, and spacing upgrades without breaking existing functionality.

Related Skills

Explore More Design & Creative Skills→
RonkTsangRonkTsang
20

redesign-existing-projects

Audit and upgrade web application design within the existing technology stack.

Community
Advanced
aaltaayaaltaay

redesign-existing-projects

Audit and upgrade existing websites and apps to premium design quality.

Community
Intermediate
compozycompozy
2.5k

redesign-existing-projects

Audit and upgrade typography, color, spacing, and layout in existing CSS projects.

Official
Intermediate
HarshodaiHarshodai

stitch-design-taste

Generate semantic design system specifications for Google Stitch interfaces.

Community
Advanced