UI Audit & Redesign

Systematic workflow to upgrade existing UIs from generic to premium. Based on proven anti-slop patterns from the design engineering community.

This skill does not rewrite from scratch. It audits what exists and applies targeted, prioritized fixes working with the existing stack.

Workflow: Scan → Diagnose → Fix

Step 1: Scan

Read the codebase first. Identify:

• Framework (React, Vue, Svelte, vanilla, etc.)
• Styling method (Tailwind, vanilla CSS, styled-components, CSS modules, etc.)
• Current design patterns and component library (if any)
• Fonts currently loaded
• Color values currently in use