Screenshot
Open a local preview and capture the rendered page at desktop (1440px) and mobile (390px). The agent sees what ships, not what should ship.
Automated visual QA agent
Ship it when the
pixels stop moving.
LOOPSCOPE screenshots your build at 1440px and 390px, critiques every frame against your brief — hierarchy, spacing, contrast, broken images, mobile overflow — fixes what it finds, and runs the loop again until nothing changes.
- 2
- Viewports / pass
- 5
- Defect classes
- 0
- Defects on exit
1 2 3
The loop
Screenshot, critique, fix — until nothing changes
The difference between code that should work and code that does work is that something looked at the rendered page. That something is the loop.
Critique
Grade each frame against your brief: visual hierarchy, spacing rhythm, contrast ratios, broken images, and horizontal overflow on mobile.
Fix
Edit the .astro and CSS to resolve every flagged defect — no guessing, each change is tied to a screenshot the agent can re-verify.
Repeat
Re-screenshot, re-critique. The loop only exits when a full pass surfaces zero visual defects across both viewports.
Live inspector
Try the loop on a sample build
Switch viewports to see what the agent captures, then run the loop and watch it clear every seeded defect. Nothing here talks to a server.
1440 px capture
390 px capture
No horizontal overflow at this width
5 Open defects
0 Iterations
What it catches
Six grades on every screenshot
Each pass scores the rendered page across these defect classes at both widths. A class only clears when the screenshot proves it.
Visual hierarchy
Flags competing headlines, weak primary CTAs, and sections where the eye has nowhere to land first.
Spacing rhythm
Catches collapsed gaps, inconsistent vertical rhythm, and crowding that reads as unfinished.
Contrast (AA)
Measures text/background ratios and raises anything under 4.5:1, before a real user squints at it.
Broken images
Detects 404 assets and missing sources — the silent breakage that screenshots expose instantly.
Mobile overflow
Captures at 390px and flags any horizontal scroll, clipped CTA, or element pushing past the viewport.
Brief conformance
Compares the rendered page to the brief you wrote, so "looks fine" is graded against intent, not vibes.
FAQ
The obvious questions
How does it actually see the page?
It opens a local preview and drives a real browser to capture the rendered DOM at desktop and mobile widths. It reviews the same pixels a visitor would, not the source code.
When does the loop stop?
When a full pass across both viewports surfaces zero visual defects. If a fix introduces a new issue, the next pass catches it — the loop keeps going until it converges.
Will it invent testimonials or copy?
No. It grades layout and rendering, not content truth. Placeholder copy and stats are yours to replace — the loop only guarantees the page looks right, not that the claims are.
Does it work on any framework?
Anything that serves a local preview over HTTP. Astro, Next, plain HTML — if a browser can load it, the loop can screenshot, critique and fix it.
Get access
Stop shipping defects you never saw
Join the LOOPSCOPE waitlist and put the screenshot-critique-fix loop on your next landing. We’ll send your access when the next batch opens.