critique

Detect generic AI UI patterns and assess usability-focused design fundamentals.

142|31|Updated Jul 13, 2017
One-click install
npx skills add https://github.com/microlinkhq/www --skill critique-microlinkhq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/microlinkhq/www/tree/main/.agents/skills/critique
Command: npx skills add https://github.com/microlinkhq/www --skill critique-microlinkhq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Evaluates a design for usability, hierarchy, clarity, and emotional impact so you can avoid shipping an interface that feels generic or underwhelming.

Core Features & Use Cases

  • AI Slop Detection (CRITICAL): Checks whether the design looks like common AI-generated UI patterns and highlights specific visual tells to eliminate.
  • Holistic Design Critique: Reviews visual hierarchy, information architecture, composition, typography, color purpose, and interaction affordances.
  • Actionable Director-Style Report: Produces a prioritized critique with a verdict, what's working, and concrete fixes mapped to recommended commands.

Quick Start

Use the critique skill on the current screen or component you want to improve, optionally specifying an area like navigation, layout, or onboarding, and ask it to produce an anti-patterns verdict plus prioritized fixes.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I critique a UI design for usability and visual hierarchy?

To critique a UI design, you evaluate visual hierarchy, information architecture, and interaction affordances to produce a prioritized report of issues with concrete fixes. This process identifies usability flaws and assesses overall design clarity.

What is AI slop detection in UI design and how does it work?

AI slop detection in UI design identifies generic AI-generated visual patterns by highlighting specific visual tells. It works by analyzing interface elements to flag common AI design tropes, helping you eliminate underwhelming or artificial-looking aesthetics.

How do I identify and fix common visual hierarchy issues in a product interface?

You identify visual hierarchy issues by assessing composition, typography, and color purpose to see how they guide user attention. Fixing them involves applying an actionable, director-style report that maps prioritized layout problems to recommended commands.

Can I review specific areas like navigation or onboarding in a holistic design critique?

Yes, you can target specific areas like navigation, layout, or onboarding in a holistic design critique. Specifying an area focuses the evaluation on interaction affordances and information architecture for that particular component.

What's the best way to avoid shipping a generic-looking web UI?

The best way to avoid shipping a generic web UI is to run an anti-patterns verdict that checks for common AI-generated patterns. This critique evaluates emotional resonance and produces concrete fixes to ensure the interface feels polished.

Does a design critique assess color usage and typography or just layout?

A design critique assesses color purpose, typography, and layout, rather than just layout alone. It provides a holistic evaluation of composition, visual hierarchy, and interaction affordances to improve the overall interface quality.