redesign

Audits and upgrades existing website UI design while preserving functionality and accessibility.

Updated Jul 20, 2026

Search Tags:#accessibility #frontend #design tokens #ui audit #redesign #theme consistency #contrast validation

One-click install

npx skills add https://github.com/idy-00/paytrack --skill redesign-idy-00

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: redesign
Source: https://github.com/idy-00/paytrack/tree/main/backend/.agents/skills/redesign
Command: npx skills add https://github.com/idy-00/paytrack --skill redesign-idy-00

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Existing websites and apps often accumulate generic, inconsistent, or AI-generated-looking design that degrades brand quality, but redesigning risks breaking working features. This Skill provides an audit-first workflow that improves visual quality without sacrificing behavior. ## Core Features & Use Cases - Audit-First Redesign: Scans the codebase for framework, styling method, tokens, and components, then diagnoses issues against a banned-defaults checklist and design review rubric before making changes. - Single-Theme Consistency: Consolidates all pages onto one shared token theme, replacing per-page ad-hoc colors with semantic tokens verified by linting scripts. - Safe Application Order: Applies changes in a controlled sequence (tokens, typography/spacing, component states, motion) without altering routes, data, or markup semantics. - Use Case: A team has a multi-page React app where each page drifted to different color palettes. Use this Skill to unify them under one token theme, fix contrast failures, and verify every existing flow still works. ## Quick Start Redesign my existing app to look more polished and consistent without breaking any current functionality.

Frequently Asked Questions about redesign

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

FAQPage Schema

What are the limitations of an audit-first redesign approach?▼

It prioritizes preserving behavior over visual ambition, so it will not restructure routes, data flows, or page architecture. It is unsuitable when the goal is a ground-up rebuild rather than improving an existing working product.