skills.rest
Kevin-Liu-01
Kevin-Liu-01COMMUNITY
Explore all skills by this author →
Website𝕏@kevskgsGitHub

design-review

Audit website UX usability issues through a phased design-review workflow.

16|3|Updated May 5, 2026
Search Tags:#usability#ux#report#design-review#design-audit
One-click install
npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill design-review-kevin-liu-01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Kevin-Liu-01/Agent-Machines/tree/main/knowledge/skills/design-review
Command: npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill design-review-kevin-liu-01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provide a structured UX design audit that surfaces usability issues, design-system gaps, and navigation flaws, delivering a prioritized, actionable report.

Core Features & Use Cases

  • 6-phase audit covering first impression, design system extraction, page-by-page visual audit, interaction flow review, cross-page consistency, and compiled reporting.
  • Dual scoring with a design score (letter-grade) and an AI slop score to quantify usability and quality.
  • Artifacts & guidance including before/after screenshots, recommendations, and a reusable audit checklist for ongoing design improvements.

Quick Start

Run a full UX design audit on a target site and generate a phase-based report with visuals and scores.

Frequently Asked Questions about design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a UX design audit to identify usability issues on a website?▼

Run a UX design audit to identify usability issues by executing a 6-phase workflow covering first impressions, design system extraction, page-by-page visual audits, interaction flow reviews, and cross-page consistency to generate a comprehensive report.

What is an AI slop score in a design review?▼

An AI slop score in a design review quantifies overall design quality and usability alongside a letter-grade design score, evaluating visual hierarchy and consistency across multi-page web apps to surface generated content flaws.

Can I use this design audit workflow for multi-page web apps?▼

Yes, the design audit workflow is applicable to multi-page websites and web apps, specifically focusing on navigation clarity, visual hierarchy, and cross-page consistency to evaluate interaction flows.

What is the best way to extract design system gaps during a usability audit?▼

The best way to extract design system gaps during a usability audit is through a phased design review that evaluates cross-page consistency and visual hierarchy, generating before/after screenshots and a reusable checklist.

How does a phased design review report structure usability recommendations?▼

A phased design review report structures usability recommendations by compiling phase-based assessments into a prioritized, actionable output, including visual artifacts, a design score, and an AI slop score for ongoing improvements.

Related Skills

Explore More Design & Creative Skills→
CHNISamCHNISam

product-review-16d

Audits web and app interfaces against 16D UX criteria for accessibility and usability issues.

Community
Intermediate
mmcmediammcmedia
2

ux-audit

Audit UI designs for UX compliance and generate structured reports.

Community
Intermediate
calcosmiccalcosmic
9

frontend-design-contract

Generate a UI-SPEC.md contract defining visual tokens, breakpoints, and accessibility criteria.

Community
Intermediate
Community-AccessCommunity-Access
387

cross-page-analyzer

Analyze aggregated web page accessibility findings to detect cross-page patterns and generate scorecards.

Official
Advanced