product-design-review

Analyze product interfaces and user flows for usability and visual design deficiencies.

1|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/blakeox/llm-skills --skill product-design-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: product-design-review
Source: https://github.com/blakeox/llm-skills/tree/main/openclaw/skills/product-design-review
Command: npx skills add https://github.com/blakeox/llm-skills --skill product-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Complex product designs often suffer from usability and aesthetic issues that hinder user experience and engagement.

Core Features & Use Cases

  • UX Critique: Evaluate the user flow, information architecture, and interaction states to identify usability blockers.
  • UI Assessment: Review visual hierarchy, spacing, typography, and accessibility features to improve interface clarity and accessibility.
  • Use Case: A designer seeks an expert review of a new onboarding screen to ensure clarity and accessibility before user testing.

Quick Start

Provide the product interface details and user goals, and the Skill will generate actionable design feedback.

Frequently Asked Questions about product-design-review

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

FAQPage Schema
How do I critique a UI design for usability and accessibility issues?

To critique a UI design for usability and accessibility, analyze user flow deficiencies, interaction states, and visual hierarchy. Apply accessibility standards to identify blockers hindering user experience and generate actionable feedback for interface clarity.

What is included in a UX critique for a high-fidelity prototype?

A UX critique for a high-fidelity prototype includes evaluating information architecture, user flow, and interaction states to identify usability blockers. This ensures the product flow supports user goals effectively before user testing.

How do I review visual hierarchy and typography in a product interface?

Reviewing visual hierarchy and typography in a product interface involves assessing spacing, visual design elements, and accessibility features. This improves interface clarity and ensures aesthetic issues do not hinder engagement.

Can I use this approach to review wireframes or only high-fidelity designs?

Yes, you can review wireframes using this approach. The UX and UI review workflow applies to various design stages, from wireframes to high-fidelity prototypes, evaluating interaction states and visual design principles.

What is the best way to evaluate an onboarding screen for clarity before user testing?

The best way to evaluate an onboarding screen for clarity is performing a holistic critique integrating UX and UI design principles. Analyze visual hierarchy and accessibility features to generate actionable design feedback.

Why does my product design suffer from usability and aesthetic issues?

Complex product designs suffer from usability and aesthetic issues when visual hierarchy, spacing, and information architecture are flawed. Identifying these interaction state deficiencies improves interface clarity and user engagement.