skills.rest
hoainam183
hoainam183COMMUNITY
Explore all skills by this author →
GitHub

redesign-existing-projects

Audit generic UI patterns and apply design fixes without rewriting architecture.

Updated Aug 19, 2025
Search Tags:#ui#frontend#web design#design audit#ui upgrade
One-click install
npx skills add https://github.com/hoainam183/GR --skill redesign-existing-projects-hoainam183
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/hoainam183/GR/tree/main/src/RAG_v2/frontend/chat-companion/.agent/skills/redesign-existing-projects
Command: npx skills add https://github.com/hoainam183/GR --skill redesign-existing-projects-hoainam183

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill is designed to upgrade the UI of existing websites or apps by auditing and applying design improvements, without rewriting the entire application.

Core Features & Use Cases

  • UI Auditing: Identifies and lists generic UI patterns and weak points.
  • Design Fixes: Applies targeted visual upgrades within the existing tech stack.
  • Use Case: Perfect for a designer tasked with modernizing the UI of an old website without changing its architecture.

Quick Start

Run the skill and follow the steps: 'Scan', 'Diagnose', and 'Fix' to upgrade your UI.

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 website UI without rewriting the existing application architecture?▼

You can upgrade website UI by auditing generic design patterns and applying targeted visual fixes. This process assesses typography, color, layout, and interactivity to enhance the frontend without altering your application architecture.

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

A UI design audit identifies generic UI patterns and weak points in a web app's interface. It evaluates typography, color, layout, and content quality to suggest premium design fixes that modernize the visual experience.

Can I apply design fixes to an existing project without changing its tech stack?▼

Yes, you can apply design fixes to an existing project without changing its tech stack. The UI upgrade process is compatible with various frameworks and applies targeted visual improvements within your current setup.

What is the best way to modernize an old website's frontend UI?▼

The best way to modernize an old website's frontend UI is running a structured scan, diagnose, and fix workflow. This targets specific weak points in typography and layout to apply premium visual upgrades.

Does a UI upgrade process work with various frontend frameworks?▼

Yes, the UI upgrade process works with various frontend frameworks. It applies design fixes by assessing visual elements like typography and interactivity without requiring a full application rewrite.

What specific elements are assessed during a frontend design audit?▼

During a frontend design audit, the specific elements assessed include typography, color, layout, interactivity, and content quality. These are evaluated to suggest targeted changes that enhance the overall UI.

Related Skills

Explore More Design & Creative Skills→
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
rethinkhealthrethinkhealth
6

frontend-design

Plan and implement frontend designs using existing design tokens and screenshot verification.

Official
Advanced
jieni777jieni777
1

frontend-design

Designs responsive, accessible frontend interfaces with cohesive typography, color, and motion.

Community
Intermediate
srpadronosrpadrono
11

scout

Generate framework-correct UI test skeletons for uncovered user journey steps.

Community
Advanced