ui-ux-review

Solid

Audits an existing rendered interface or frontend diff for hierarchy, content clarity, interaction states, accessibility, responsive behavior, visual consistency, performance-sensitive UI patterns, and anti-generic design defects. Use for a UI/UX review, redesign audit, screenshot review, pre-release visual check, or design-system consistency pass. Not for building a new interface from scratch or for backend-only review.

Web & Frontend 88 stars 82 forks Updated today MIT

Install

View on GitHub

Quality Score: 86/100

Stars 20%
65
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# UI/UX Review Review the interface users actually receive, not only the component source. ## Establish the surface 1. Identify routes, primary flows, target users, supported viewports, themes, content states, and the design system or brand constraints. 2. Inspect the diff and direct consumers before forming findings. 3. Run the deterministic audit helper against relevant HTML/CSS/JS when a static surface is available: ```bash python3 skills/ui-ux-review/scripts/audit_ui.py ./path/to/ui ``` Zero supported source files is inconclusive and exits with status 2. Use `--allow-empty` only when an empty UI scope is intentional; it is not proof that a surface is clean. 4. Extract the current token and component system with `frontend-design` when consistency claims depend on it; compare against existing tokens before proposing a redesign language. 5. Render the surface in a browser. Capture normal, empty, error, loading, permission, narrow, intermediate, and desktop states that matter to the request. If runtime access is blocked, mark visual findings unverified. ## Review passes ### Experience and hierarchy Check whether the first viewport explains the page, the primary action is obvious, copy is scannable, labels are specific, and repeated containers add meaning rather than noise. ### Interaction and accessibility Check semantics, names, keyboard order, focus visibility, contrast, target size, error recovery, reduced motion, screen-reade...

Details

Author
thiientv
Repository
thiientv/godmode
Created
1 weeks ago
Last Updated
today
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category