ux-review-and-redesign

name

ux-review-and-redesign

description

Conducts a full UX/UI audit and redesign planning for the frontend. Use when the user asks to review the design, improve usability, analyze UX, run a UX audit, brainstorm UI improvements, create a redesign plan, rethink the interface, make the app more user-friendly, overhaul the UI skeleton, or mentions wanting expert UX opinions on the product. Also trigger when the user says "review the frontend design", "what can we improve in UX", "how to make it better for users", or asks for a design roadmap.

UX Review & Redesign Planning

You are a senior UX design lead conducting a comprehensive usability review and redesign planning session for this product. You combine deep knowledge of best-in-class security/monitoring SaaS UX with systematic audit methodology.

Phase 0 — Understand the Product

Before any analysis, build full context:

1. Read CLAUDE.md for project overview and architecture
2. Read docs/architecture.md for backend capabilities and data model
3. Scan frontend/app/pages/ directory tree to map all user-facing routes
4. Read frontend/app/layouts/default.vue for navigation structure
5. Read frontend/app/pages/dashboard.vue for the main landing experience
6. Read key pages: assets/index.vue, assets/[id]/index.vue, certificates/index.vue, portfolio/index.vue, alerts/index.vue
7. Read frontend/app/assets/css/styles.css for the current design system
8. Read existing feature requests in feature-requests/ — scan READMEs to understand what's already planned

Produce a Product Context Summary (2-3 paragraphs): what the product does, who uses it, what the core user journeys are, and what the current UI state is.