Lite is free. Pro adds this and the rest of the quality layer.
See the pageat every width.
Adams opens your page at phone, tablet and desktop widths and reports what is broken, with the element.
Pro
// the problem
What goes wrong
It looks right on one screenYou build on a wide laptop. The AI says the page is done. On a phone the headline wraps three times and a card hangs off the edge.
Nobody opens the other sizesChecking three widths by hand is slow, so it is skipped. The first person to find the bug is a customer.
// what adams does
What Adams does
Renders at 375, 768 and 1280The page is loaded at three real widths, so the layout is judged where people use it.
Names the elementEach problem comes with the width and the element: overflow, wrapped short text, overlap, uneven cards.
Runs until it is cleanFix, run again, repeat. A skipped check is reported as partial, never as clean.
// worked example
An example
A pricing page
Illustrative output.
~/project~/your-project · example
$
adams check http://localhost:3000/pricing375px: overflow by 38px in the card grid
375px: label wraps in "Best value plan"
Fix the grid, run again
✓ 3 widths checked, no problems
// faq
Questions
What can it check?
Pages served locally or live, at three widths. It looks at layout, not at whether your copy is good.
Is it Lite or Pro?
The page check is Pro. A Lite install gets a partial result that says the visual part was skipped.
Does it need a browser?
It uses a headless browser on your machine and installs what it needs.
// related