Review a screen
Check a screen in the browser at real sizes, like a designer would.
Install for
$ npx skills add tonygorb/skills --skill review-a-screenPick your agents from a list.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a claude-code -yInstalls into ~/.claude/skills/.
Download review-a-screen.zip
Open CustomizeSkills and upload it.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a codex -yInstalls into ~/.agents/skills/.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a cursor -yInstalls into ~/.agents/skills/.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a github-copilot -yInstalls into ~/.agents/skills/.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a gemini-cli -yInstalls into ~/.agents/skills/.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a opencode -yInstalls into ~/.agents/skills/.
$ npx skills add tonygorb/skills --skill review-a-screen -g -a windsurf -yInstalls into ~/.codeium/windsurf/skills/.
Your agent uses it when you say
- “review this screen”
- “check the layout”
- “does this look right”
What it does
Look at the real thing, at real sizes, before anyone says it's done.
How it works
- 1Open only the screens that changed
- 2Look at each one on a laptop (1440 wide) and a phone (390 wide)
- 3Take a screenshot of each size, and look at it properly
- 4Check spacing, alignment and text that wraps or gets cut off
- 5Tab through it: every button reachable, the focus always visible
- 6Check the empty, loading and error states, not only the happy one
Review a screen
Look at the real thing, at real sizes, before anyone says it's done.
Steps
- Open only the screens that changed.
- Look at each one on a laptop (1440 wide) and a phone (390 wide).
- Take a screenshot of each size, and look at it properly.
- Check spacing, alignment and text that wraps or gets cut off.
- Tab through it: every button reachable, the focus always visible.
- Check the empty, loading and error states, not only the happy one.
Before it's done
- Look again after every fix.
- Show the screenshots, each size labelled.
Never
- Never say it's done without screenshots.
- Never judge a screen from the code alone.
What to hand back
For each screen: the sizes you looked at, what you found, what you fixed, and the screenshots.