skills.rest
boparaiamrit
boparaiamritCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-redesign

Audit frontend UI and generate a token-driven redesign plan.

5|1|Updated Feb 7, 2026
Search Tags:#design#ui#components#audit#tokens#ux#redesign
One-click install
npx skills add https://github.com/boparaiamrit/skills-by-amrit --skill ui-ux-redesign
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-redesign
Source: https://github.com/boparaiamrit/skills-by-amrit/tree/main/skills/ui-ux-redesign
Command: npx skills add https://github.com/boparaiamrit/skills-by-amrit --skill ui-ux-redesign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent UI across products slows adoption and dilutes brand; this skill performs a comprehensive audit of frontend design assets to produce a coherent, token-driven redesign plan.

Core Features & Use Cases

  • Inventory and harmonize design tokens, typography, spacing, color, and components to expose inconsistencies.
  • Generate a concrete redesign roadmap with before/after guidance and implementation-ready changes.
  • Support design-system rollouts, major frontend overhauls, and platform migrations with a prioritized, actionable plan.

Quick Start

Analyze a repository to produce a token and component harmonization plan and an implementation roadmap.

Frequently Asked Questions about ui-ux-redesign

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

FAQPage Schema
How do I audit my frontend UI for design inconsistencies and plan a redesign?▼

A frontend UI audit evaluates design tokens, typography, spacing, and color to expose inconsistencies across pages. It produces a token-driven redesign plan with component consolidation guidance and actionable migration steps.

What is a design token harmonization plan and when do I need one?▼

A design token harmonization plan standardizes UI variables like color, spacing, and typography into a unified system. You need one during design-system rollouts, major frontend overhauls, or platform migrations to ensure visual coherence across pages.

How do I consolidate frontend components during a platform migration?▼

You consolidate frontend components during a platform migration by inventorying existing UI elements and mapping them to a unified design system. This generates an actionable redesign roadmap with before/after guidance and migration-ready assets.

Can I use a token-driven redesign plan for a major frontend overhaul across multiple pages?▼

Yes, a token-driven redesign plan supports major frontend overhauls by guiding layout realignments and component consolidation across multiple pages. It provides a prioritized, actionable roadmap with implementation-ready changes.

Does the UI redesign process support design-system rollouts with before and after guidance?▼

Yes, the UI redesign process supports design-system rollouts by generating a concrete redesign roadmap with before/after guidance. It delivers implementation-ready changes and migration steps to ensure a smooth transition.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

extract

Extract reusable UI components, design tokens, and patterns from frontend codebases.

Official
Intermediate
rezosndrezosnd

website-cloning

Clone existing websites into React + Vite projects using Playwright.

Community
Advanced
sandeshbagmaresandeshbagmare

design-system-patterns

Generate design tokens and implement theme switchers for web and mobile UIs.

Community
Advanced
Ayushman-11Ayushman-11

ui-visual-validator

Validate UI modifications through visual regression testing and design system compliance.

Community
Advanced