website-upgrade-playbook

Community

Sharpen interfaces, boost usability.

AuthorRexO77
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: website-upgrade-playbook
Download link: https://github.com/RexO77/axiomUI/archive/main.zip#website-upgrade-playbook

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.