skills.rest
efekrbas
efekrbasCOMMUNITY
Explore all skills by this author →
Website𝕏@efekrbsGitHub

redesign-existing-projects

Audit and upgrade existing web or desktop interfaces with targeted design improvements.

41|5|Updated Sep 30, 2025
Search Tags:#accessibility#frontend#responsive design#visual polish#ui audit#redesign
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill redesign-existing-projects-efekrbas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill redesign-existing-projects-efekrbas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps modernize an existing website or app that feels generic, flat, or visually inconsistent by applying focused design improvements without rewriting the product.

Core Features & Use Cases

  • UI audit: Identifies weak typography, color, spacing, layout, motion, and component patterns in the current interface.
  • Targeted redesign: Improves the existing stack with premium visual treatment while preserving routing, data flow, accessibility, and tests.
  • Use case: A web dashboard with bland cards, weak hierarchy, and missing empty states can be restyled into a more polished, responsive experience with the same functionality.

Quick Start

Redesign the attached project by auditing its current interface and applying focused visual improvements that preserve behavior and architecture.

Frequently Asked Questions about redesign-existing-projects

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve UI visual polish without rewriting my existing web application?▼

To improve UI visual polish without a rewrite, audit the existing interface to identify weak typography, spacing, and layout patterns, then apply targeted design upgrades that preserve routing, data flow, and tests.

What does a UI audit cover when modernizing a flat or generic website interface?▼

A UI audit for modernizing a generic website evaluates current typography, color, spacing, layout, motion, and component patterns to identify areas needing visual refinement and missing state coverage.

Can I upgrade my app's typography and spacing while preserving accessibility semantics?▼

Yes, you can upgrade typography and spacing while preserving accessibility semantics by making targeted visual changes that maintain the current tech stack, behavior, and architecture intact.

What is the best way to fix missing empty states and weak hierarchy in a web dashboard?▼

The best way to fix missing empty states and weak hierarchy in a web dashboard is through a targeted redesign that restyles bland cards and improves responsive behavior without changing the architecture.

Does a targeted redesign keep existing routing and data flow intact?▼

A targeted redesign keeps existing routing and data flow intact by applying focused design improvements and visual treatments selectively, without requiring a full rewrite or altering the underlying architecture.

When should I not use a targeted UI redesign approach for my frontend project?▼

You should not use a targeted UI redesign approach if your frontend project requires architectural changes, new routing, or modified data flow, as this method strictly preserves the current tech stack and behavior.

Related Skills

Explore More Design & Creative Skills→
apexradiusapexradius

learn

Analyze a codebase for architecture, conventions, dependencies, and data flow.

Official
Advanced
naviktnavikt
1

polish

Fix visual and content inconsistencies in frontend components across breakpoints.

Official
Advanced
HuijiroHuijiro

impeccable-normalize

Audit and realign UI components to match design system tokens, spacing, and patterns.

Community
Advanced
HayatelinHayatelin
3

redesign-existing-projects

Audit and refine existing website or app UI while preserving the tech stack.

Community
Advanced