critique

Analyze interface layouts, typography, color, hierarchy, and accessibility to identify usability flaws.

5.5k|665|Updated Aug 5, 2024
One-click install
npx skills add https://github.com/yournextstore/yournextstore --skill critique-yournextstore
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/yournextstore/yournextstore/tree/main/.agents/skills/critique
Command: npx skills add https://github.com/yournextstore/yournextstore --skill critique-yournextstore

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, director-level critique of user interfaces to identify design flaws and opportunities to improve usability, clarity, and brand resonance.

Core Features & Use Cases

  • Anti-pattern detection: flags AI-generated design tells and patterns that reduce authenticity.
  • Visual hierarchy & information architecture: analyzes layout, emphasis, and grouping to improve navigability.
  • Emotional resonance & brand alignment: evaluates tone, trust signals, and alignment with the brand personality.
  • Discoverability, accessibility & edge cases: checks interactive affordances, contrast, keyboard navigation, and resilience to edge scenarios.
  • Microcopy & voice: critiques wording, labels, and feedback to improve clarity and tone.
  • Guided workflow: First apply the frontend-design skill for established design principles and anti-patterns before deeper critique.

Quick Start

Provide a structured critique of the given UI design using the outlined evaluation dimensions.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I run a UX critique on my dashboard design to find usability flaws?

A UX critique analyzes your dashboard's layout, typography, color, and visual hierarchy to identify usability flaws. It applies structured anti-pattern checks and information architecture audits to deliver actionable, director-level design recommendations.

What is the best way to evaluate visual hierarchy and information architecture in an app?

Evaluating visual hierarchy and information architecture in an app involves analyzing layout, emphasis, and element grouping. This structured critique improves navigability and reveals opportunities to enhance clarity and overall user experience.

Can I check my website design for accessibility and discoverability issues?

Yes, you can check website designs for accessibility and discoverability by evaluating interactive affordances, contrast, and keyboard navigation. The process also tests resilience against edge scenarios to ensure interactive elements are robust.

How does an automated design critique detect AI-generated interface anti-patterns?

An automated design critique detects AI-generated interface anti-patterns by flagging specific visual tells and recurring patterns that reduce authenticity. It enforces structured checks to ensure emotional resonance and proper brand alignment.

Does a UX critique include feedback on microcopy and voice for UI labels?

Yes, a UX critique includes feedback on microcopy and voice by evaluating UI wording, labels, and feedback messages. It assesses tone and clarity to ensure text aligns with brand personality and improves overall user comprehension.

When should I use a structured UX critique for a website redesign?

Use a structured UX critique for a website redesign when you need to identify deep design flaws and improve usability, clarity, and brand resonance. It provides director-level recommendations covering layout, accessibility, and emotional tone.