Design Bug Bot

Catch UI issues in pull requests
and get code to fix them

Bug Bot reviews the design of every PR — spacing drift, contrast failures, dead focus states — and leaves a diff, not a lecture.

Add Bug Bot Read the announcement

5 free reviews in your first week on a paid plan.

Design Bug Bot reviewed this PR4 findings · 18s

HighFocus ring is invisible on the primary buttoncomponents/ui/button.tsx:24
MediumCard padding drifts from the 4px scale (13px)components/pricing-card.tsx:40
MediumText contrast 3.1:1 on muted labelsapp/dashboard/page.tsx:88
LowHover state missing on the secondary linkcomponents/site-footer.tsx:52

Open a pull request

Bug Bot picks it up automatically — no config beyond installing the app.

It renders your changes

Every changed route is screenshotted at three breakpoints and compared to your tokens.

You get fix code

Each finding comes with a diff you can accept, not just a screenshot with a red box.

What it checks

Spacing off the 4px scale
Colour contrast below WCAG AA
Missing or invisible focus states
Inconsistent radii across siblings
Text that clips or overflows
Layout shift on hover
Hard-coded colours outside the token set
Touch targets under 44px
Breakpoint regressions at 375px