redesign-existing-projects

Audit front-end codebases and implement prioritized non-breaking design fixes.

Updated Dec 4, 2025
One-click install
npx skills add https://github.com/PolliticalSolutions/political-portal --skill redesign-existing-projects-polliticalsolutions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/PolliticalSolutions/political-portal/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/PolliticalSolutions/political-portal --skill redesign-existing-projects-polliticalsolutions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It fixes generic, inconsistent, and low-polish design patterns in existing websites and apps so the product looks premium while preserving its current behavior.

Core Features & Use Cases

  • Design audit for quality gaps: Reviews typography, color/surfaces, layout, interactivity, content, component patterns, iconography, and code quality to find weak points and missing states.
  • Targeted upgrades that respect the current stack: Improves styling and UX using the existing CSS framework or vanilla CSS, avoiding rewrites and preserving functionality.
  • Production-minded polish: Adds accessibility basics (focus, skip link), user experience states (loading, empty, error), and consistent visual rhythm for a finished feel.

Quick Start

Ask for a redesign plan for your current project, including a prioritized list of the highest-impact fixes that improve typography, palette, spacing, states, and component patterns without migrating frameworks.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
How do I redesign an existing UI without breaking functionality?

To redesign an existing UI without breaking functionality, you need a design audit to identify weak points, then apply targeted CSS refactors that preserve current behavior. This approach diagnoses generic design fingerprints and implements non-breaking fixes in a prioritized order.

What is a UI design audit and how does it improve frontend polish?

A UI design audit reviews typography, color surfaces, layout, interactivity, and component patterns to find missing states and inconsistencies. It improves frontend polish by generating a prioritized list of high-impact fixes for visual rhythm and accessibility.

Can I upgrade my UI styling without migrating CSS frameworks?

Yes, you can upgrade UI styling without migrating frameworks. The process respects your current stack by applying stack-aligned techniques and improvements using your existing CSS framework or vanilla CSS, avoiding full rewrites.

How do I fix inconsistent typography and component patterns in a web app?

To fix inconsistent typography and component patterns in a web app, run a design audit to diagnose generic fingerprints. Then implement targeted CSS refactors and establish consistent visual rhythm without altering the underlying logic.

What accessibility basics should a UI redesign include?

A UI redesign should include accessibility basics like focus states and skip links. It should also add user experience states for loading, empty, and error conditions to ensure a finished, production-minded feel.

When should I avoid a UI redesign and do a full rewrite instead?

You should avoid a UI redesign and do a full rewrite only if your codebase requires structural changes beyond CSS refactors. If the goal is simply fixing generic design patterns and adding missing states, targeted upgrades preserving functionality are sufficient.