Find broken UI before your users do.
The responsive design checker that loads your website in a real browser, tests it at 9 screen sizes from mobile to desktop, and flags clipped text, overlapping elements, accessibility problems, and layout bugs — then helps you fix and verify them.
The scan runs in a real headless browser and checks layout across mobile, tablet, and desktop viewports.
Your report at a glance
Example report — not real scan data.
UI Health
82 / 100 Good
Sample data for illustration only.
Everything a website UI tester should check
Deterministic checks at every viewport, with AI only where visual reasoning matters.
Responsive design checker
Tests your layout at 9 viewport sizes, from 320px phones to 1440px desktop, and reports horizontal overflow, clipped text, and overlapping elements.
Accessibility testing
Runs axe-core WCAG checks for missing alt text, unlabeled buttons, contrast failures, and more — explained in plain language.
AI visual analysis
AI reviews screenshots to catch spacing, alignment, and color problems that rule-based checks can't see — and never hides when it can't run.
UI health score
A transparent 0-100 score across responsive, accessibility, visual, layout, typography, and UX — with identical defects counted once.
Fix and verify workflow
Every issue comes with a fix suggestion, and Verify Fix re-checks the exact element to confirm the problem is actually gone.
Real browser rendering
No HTML guessing: pages are rendered in a real headless browser, so you see what your users actually see.
How it works
01
Scan
02
Diagnose
03
Show
04
Fix
05
Verify
Frequently asked questions
What is AI Web Doctor? +
AI Web Doctor is a free website UI testing tool that loads your site in a real headless browser, checks it across mobile, tablet, and desktop viewports, and produces a UI health score with a prioritized list of broken elements, layout bugs, and accessibility issues.
How does the UI health score work? +
The UI health score is a 0-100 rating computed from six weighted categories: responsive layout, accessibility, visual design, layout structure, typography, and user experience. Critical defects hurt the score most, and identical defects found at multiple screen sizes are counted once.
Which viewports does the website scanner test? +
Every scan runs at nine viewport sizes, from 320px wide phones up to 1440px desktop, so you can catch horizontal overflow, clipped text, overlapping elements, and collapsed navigation at every screen size before your users do.
Which accessibility issues does it detect? +
The scanner runs axe-core accessibility rules for missing image alt text, buttons and links without accessible names, color contrast failures, and other WCAG-related problems, and explains each issue in plain language.
How is AI used in the analysis? +
Deterministic checks always run. Where visual reasoning matters, an AI model reviews screenshots to spot spacing, alignment, and color problems that rule based checks cannot see. If AI analysis is unavailable, your score reflects the deterministic checks that did run.
How do I fix and verify the issues? +
Each issue includes a fix suggestion with code. After you apply it, the Verify Fix feature re-checks the exact element and confirms whether the problem is actually resolved.
A developer tool, not a dashboard demo
AI Web Doctor loads your site in a real browser, runs deterministic checks at every viewport size, and only uses AI where visual reasoning matters.
Paste a URL above or create a free account to save and compare scan history.