check-ui
Installation
SKILL.md
Check the rendered UI
After UI-facing changes, look at the actual screen before calling the work done.
- Identify the changed surfaces and the states the change actually touches.
- Render them with available browser or screenshot tooling. Source is not visual proof.
- Scan for broken alignment, uneven spacing, clipped or overflowing content, weak hierarchy, controls that do not match their neighbors, and the touched states (empty, error, disabled, focus as applicable).
- Fix defects inside the current change using existing tokens and components.
- Re-check the rendered result.
Done when the changed surfaces have been rendered and obvious defects are fixed, or the visual check is reported unavailable. Stay inside the current change.