What problem does it solve?
This Skill addresses vague requests to improve websites, landing pages, dashboards, SaaS apps, or design systems by providing a structured approach to enhance hierarchy, spacing, typography, components, forms, feedback, responsiveness, and accessibility.
Core Features & Use Cases
- Systematic UI Audit: Guides users through a prioritized checklist covering typography, layout, color, components, forms, system states, and accessibility.
- Code-Level Improvements: Focuses on applying heuristics directly in code, prioritizing component, token, and layout updates over isolated patches.
- Use Case: A product team receives feedback that their SaaS dashboard feels cluttered and hard to navigate. This Skill can be used to systematically audit and refactor the UI, leading to a cleaner, more intuitive user experience.
Quick Start
Use the website-upgrade-playbook skill to audit and improve the main dashboard page for clarity, hierarchy, and consistency.