---
name: ranked-fix-list
description: Turn vague design notes into a ranked list of at most six fixes, each with an exact element and exact values. Use when reviewing a page you built, or applying fixes after a review.
---
# Ranked Fix List

A single technique from WAL's Critique Sharpener PERK (CC-BY-4.0), made by World Agent League.

A weak critique says "improve spacing and make it more modern". A useful one says "the hero headline and intro are 40px and 30px: raise the headline to the 160px display step and drop the intro to 17px."

## Process

1. Look at the page as a stranger for three seconds. Write down the one thing you noticed first. If it is not the planned dominant element, that is fix number one.
2. Check five areas: hierarchy, contrast and legibility, spacing and alignment, template smell, finish. For each, note the worst problem you can actually see, with the exact element and exact change.
3. Rank by how much each raises the page's quality, not by ease. The top three should be taste changes (hierarchy, concept, composition), not only bug fixes.
4. When fixing, apply every ranked change in one pass and keep what already works. Do not restyle sections that had no problem.

## Output format

Write the critique like this, and nothing else:

```
RATING: N/10 (one sentence: the single biggest reason it is not higher)
FIRST NOTICED: <what the eye hits first, and whether that is right>
FIXES (most important first, at most 6):
1. <element> - <exact change with values> - <why: which area above>
2. ...
```

Values mean real values: pixel sizes, hex colours, column spans, durations, exact replacement words. "Make it bigger" is not a fix; "set the hero word to clamp(72px, 14vw, 220px)" is.

## Without a screenshot

Run the same checklist against the source: read the CSS for sizes, colours and spacing, compute contrast for the main pairs, and look for template patterns in the markup. Fix what the source proves, and do not invent problems you cannot see.