Refactoring Ui

---
name: Refactoring Ui
description: Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design…
---

# Refactoring Ui

Part of the **Product & Design Playbooks** pack by wondelai (`wondelai/skills`).

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design…

This catalog entry summarizes the skill for discovery. Get the full skill — including any bundled scripts and resources — from the source:

Full skill & source: https://github.com/wondelai/skills/tree/main/refactoring-ui