design-critique

Evaluate web and mobile mockups for usability, hierarchy, consistency, and accessibility.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/paulanunes85/awesome-paulasilvatech-copilots --skill design-critique-paulanunes85
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/paulanunes85/awesome-paulasilvatech-copilots/tree/main/plugins/design/skills/design-critique
Command: npx skills add https://github.com/paulanunes85/awesome-paulasilvatech-copilots --skill design-critique-paulanunes85

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured, actionable feedback to help designers and product teams identify usability issues, clarify visual hierarchy, and improve accessibility so designs better meet user goals and business objectives.

Core Features & Use Cases

  • Heuristic Evaluation: Fast first-impression and usability checks to catch high-impact problems early in the design process.
  • Visual Hierarchy & Consistency: Assess emphasis, typography, spacing, and alignment to improve readability and focus.
  • Accessibility Guidance: Highlight contrast, touch targets, and alt-text concerns and propose concrete fixes for inclusive design.
  • Use Case: Review a mobile app prototype before user testing to prioritize fixes that will improve conversion and reduce task failure.

Quick Start

Review this mockup and provide a prioritized critique focusing on usability, visual hierarchy, consistency, and accessibility with concrete suggestions.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I get actionable UX feedback on a design mockup before user testing?

A heuristic review evaluates web and mobile mockups against usability principles to catch high-impact problems early. It assesses visual hierarchy, consistency, and accessibility, returning prioritized recommendations with concrete fixes to refine designs before user testing.

What is the best way to check visual hierarchy and accessibility in a UI prototype?

The best way to check visual hierarchy and accessibility in a UI prototype is to request a structured critique. This evaluates typography, spacing, alignment, contrast, touch targets, and alt-text concerns, providing specific recommendations to improve readability and ensure inclusive design.

Can I use this design critique for both web and mobile screenshots?

Yes, you can use this design critique for both web and mobile screenshots. It applies to mockups, prototypes, and design iterations, evaluating usability, visual hierarchy, consistency, and accessibility across platforms to deliver prioritized, specific recommendations with rationale.

Does heuristic evaluation help improve conversion rates for mobile apps?

Heuristic evaluation helps improve conversion rates for mobile apps by identifying usability issues and clarifying visual hierarchy early. The structured critique provides prioritized, specific recommendations with rationale to fix high-impact problems, reducing task failure before you invest in user testing.

What accessibility concerns are evaluated in a UI design critique?

Accessibility concerns evaluated in a UI design critique include contrast, touch targets, and alt-text. The review highlights these specific issues and proposes concrete fixes to ensure inclusive design, alongside broader usability, visual hierarchy, and consistency assessments.