critique

Evaluate web and mobile interfaces for usability and visual hierarchy.

Updated Jan 22, 2025
One-click install
npx skills add https://github.com/SL-A-SH/my-portfolio --skill critique-sl-a-sh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/SL-A-SH/my-portfolio/tree/main/.claude/skills/critique
Command: npx skills add https://github.com/SL-A-SH/my-portfolio --skill critique-sl-a-sh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill detects whether an interface actually works as a designed experience by identifying usability failures, AI-generated anti-patterns, poor visual hierarchy, broken information architecture, and weak emotional resonance, then turning those findings into prioritized, implementable guidance.

Core Features & Use Cases

  • AI Slop Detection & Anti-Patterns Verdict: Identifies telltale AI-generated design patterns (color palettes, glassmorphism, hero metrics, identical card grids) and issues a clear pass/fail with specific visual evidence.
  • Holistic UX Evaluation: Assesses visual hierarchy, information architecture, discoverability, affordance, composition, typography, color purpose, states, and microcopy across web and mobile interfaces.
  • Actionable Critique Report: Produces a prioritized list of high-impact issues with concrete fixes and recommended follow-up commands (for example: /extract, /distill, /arrange, /critique) so teams can iterate immediately.
  • Use Case: Run this on a landing page redesign or a new feature flow to quickly surface the 3–5 changes that will most improve user comprehension and conversion.

Quick Start

Use the critique skill to evaluate the homepage hero and top navigation for visual hierarchy, discoverability, and AI-generated anti-patterns.

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 audit on a landing page to find usability issues?

To run a UX audit, evaluate the landing page's visual hierarchy, discoverability, and interaction affordances to identify usability failures and produce a prioritized report with concrete design fixes.

How do I detect AI-generated design anti-patterns in a web interface?

Detect AI-generated design anti-patterns by checking the web interface for telltale signs like glassmorphism, identical card grids, and hero metrics, issuing a clear pass/fail verdict with specific visual evidence.

What is the best way to assess the visual hierarchy and information architecture of a mobile prototype?

Assess visual hierarchy and information architecture of a mobile prototype by evaluating composition, typography, and color purpose to ensure user comprehension and interaction affordances function correctly.

Can I get actionable fixes for weak emotional resonance and poor discoverability in a feature flow?

Yes, you can get actionable fixes for weak emotional resonance and poor discoverability by evaluating the feature flow to surface three to five high-impact changes that improve user comprehension and conversion.

Does a UX critique report include specific commands for iterating on interface design?

A UX critique report includes recommended follow-up commands like extract, distill, and arrange, allowing teams to iterate immediately on prioritized interface design issues and implement concrete fixes.

When should I not use an automated UX critique for evaluating my front-end design?

You should not use an automated UX critique when your front-end design lacks sufficient frontend-design context, as the evaluation relies on this context to accurately assess usability and visual hierarchy.