skills.rest
nassimbf
nassimbfCOMMUNITY
Explore all skills by this author →
GitHub

redesign-existing-projects

Audit existing websites and apps to identify and apply targeted design upgrades.

3|Updated Apr 18, 2026
Search Tags:#typography#accessibility#ui-ux#color-palette#css-framework#design-audit#design-upgrade
One-click install
npx skills add https://github.com/nassimbf/ftitos-claude-code --skill redesign-existing-projects-nassimbf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/nassimbf/ftitos-claude-code/tree/main/skills/redesign-skill
Command: npx skills add https://github.com/nassimbf/ftitos-claude-code --skill redesign-existing-projects-nassimbf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrading existing websites and apps to premium quality without breaking functionality and while preserving the original stack.

Core Features & Use Cases

  • Audit current design to identify generic AI patterns and opportunities for improvement.
  • Apply targeted upgrades that work with any CSS framework or vanilla CSS.
  • Use case: refresh a legacy site to a premium look while maintaining behavior and performance.

Quick Start

Apply the auditing and upgrade sequence to an existing project to elevate its design without rewriting from scratch.

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 to a premium design without breaking functionality?▼

Upgrading an existing website to a premium design without breaking functionality involves performing a design audit to identify improvement areas. The process applies non-destructive, targeted UI and UX upgrades that preserve your project's original behavior and performance.

Can I improve my site's UI and UX without rewriting it from scratch?▼

Improving a site's UI and UX without rewriting it from scratch is possible through targeted design upgrades. The Skill audits the existing project to identify generic patterns and applies specific improvements to typography and color palettes without a full rewrite.

Does this design upgrade approach work with any CSS framework or vanilla CSS?▼

This design upgrade approach works with any CSS framework or vanilla CSS. It audits existing styles and applies targeted visual improvements directly to your current setup, ensuring broad compatibility without forcing a framework migration.

What is a design audit and how does it identify opportunities for improvement?▼

A design audit is a review process that identifies generic AI patterns and opportunities for visual improvement in an existing project. It analyzes typography, color palettes, and UI-UX elements to plan targeted, non-destructive design upgrades.

What are the limitations of applying non-destructive design upgrades to a legacy site?▼

The main limitation of non-destructive design upgrades is preserving existing functionality and performance. While targeted improvements elevate the visual design, they operate within the constraints of your existing CSS framework or vanilla CSS rather than enabling fundamental architectural changes.

Related Skills

Explore More Design & Creative Skills→
aaltaayaaltaay

redesign-existing-projects

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

Community
Intermediate
fusenginefusengine
22

designing-systems

Define OKLCH color palettes, CSS variables, and typography scales for Tailwind CSS v4 theming.

Community
Advanced
huangzidahuangzida
2

redesign-existing-projects

Audit and upgrade existing website UI/UX with non-destructive CSS patches.

Community
Advanced
AlejandroFiginiAlejandroFigini

redesign-existing-projects

Audit and upgrade website design quality without altering functionality.

Community
Intermediate