# UI critique

> Decides what a page must do before it is designed, then judges what was built from screenshots at three widths, with measured checks and a score.

Canonical: https://mikereams.com/ai/ui-critique

Skill · Original · Frontend · updated 2026-11-13. Part of the [AI Library](https://mikereams.com/ai).

What you get: Screenshots at three widths, a measured report, a scored critique with ranked findings, and the top three fixed, for up to three rounds.

When to use it: Before designing a public page, after building any page or app screen, and before a UI milestone sign-off.

Ask for it like this: "Critique the pricing page: capture it, score it and fix the top three."

Limits: Local URLs by default and read-only towards the page. Passing the measured checks says nothing about whether the page is good.

- It judges the pixels, not the code: screenshots at 1440, 768 and 390 pixels, then a fixed set of passes.
- The measured checks catch mechanical problems only. The scored critique is where the judgement is.
- It uses the Playwright the app already has and adds no dependency.

Files (MIT; Method adapted from Leonxlnx/taste-skill (MIT), with ideas from pbakaus/impeccable (Apache-2.0). No text or code was copied.): [SKILL.md](https://mikereams.com/ai-files/ui-critique/SKILL.md), [references/rubric.md](https://mikereams.com/ai-files/ui-critique/references/rubric.md), [references/tells.md](https://mikereams.com/ai-files/ui-critique/references/tells.md), [references/argument.md](https://mikereams.com/ai-files/ui-critique/references/argument.md), [references/app-screens.md](https://mikereams.com/ai-files/ui-critique/references/app-screens.md), [references/moves.md](https://mikereams.com/ai-files/ui-critique/references/moves.md), [references/harden.md](https://mikereams.com/ai-files/ui-critique/references/harden.md), [scripts/critique.mjs](https://mikereams.com/ai-files/ui-critique/scripts/critique.mjs), [scripts/probe.js](https://mikereams.com/ai-files/ui-critique/scripts/probe.js), [scripts/record.mjs](https://mikereams.com/ai-files/ui-critique/scripts/record.mjs), [scripts/thresholds.json](https://mikereams.com/ai-files/ui-critique/scripts/thresholds.json), [NOTICE](https://mikereams.com/ai-files/ui-critique/NOTICE)

Install with the skills CLI, from https://github.com/solventarchitect/skills:

```
npx skills add solventarchitect/skills --skill ui-critique
```

Tags: design critique, screenshots, playwright, copy