Visual checks
A visual check lets Check see your app the way people will: running, at desktop and phone widths.
What it does
It starts your app if it isn’t running, screenshots it at desktop (1280 px) and phone (390 px) widths, and hands the screenshots — with any console errors — to Check.
Check compares them with the design system and the scope, and reports problems like any other finding, so they go back to Frontend for a fix round.
Run one
Click the camera button in the preview, or press ⌘K and choose Visual check. During Run pipeline, one visual check runs by itself once Check passes on the code.
Starting your app needs project commands turned on for the folder.
The model it uses
Visual checks need a model that can see images. Commandr uses the one in Settings → Models → Visual checks — Automatic picks one for you: Check’s own model if it can see, otherwise a vision model from your first connected provider.
Without one, the button explains what’s needed and the pipeline skips the step.