Design Bug Bot5 free reviews

Catch design issues in your PRs

Get the code to fix them: clear findings and suggested fix code on every pull request, with screenshots when rendering succeeds

Set it up on GitHub

Sample review on a public pull request

serafimcloud/design-review-playground#1

Design score

0 of 3 findings fixed

Design score 70 of 100
Finding 1 of 3

$12

For focused teams shipping their first product.

Start trialLearn more
Have a team code?Apply
  1. Fix
    Increase the compact action to h-8, px-3 and text-sm.
    Patchapp/pricing/page.tsx:52
    - plan.cta === "Apply" ? "h-5 px-2 text-[11px]" : "h-10 px-4 text-sm"+ plan.cta === "Apply" ? "h-8 px-3 text-sm" : "h-10 px-4 text-sm"
  2. Fix
    Use the existing muted-foreground design token.
    Patchapp/pricing/page.tsx:45
    - className="mt-3 min-h-14 text-sm leading-6"
    style={{ color: "#9a9a9a" }}+ className="mt-3 min-h-14 text-sm leading-6 text-muted-foreground"
  3. Fix
    Render Learn more as a bordered secondary action using existing surface tokens.
    Patchapp/pricing/page.tsx:57
    - bg-black text-white+ border border-black/10 bg-background text-foreground
  1. Connect GitHub
  2. Choose triggers
  3. Run a review
  4. Fix the issues

Connect GitHub to start reviewing

Install the 21st GitHub App on the account that owns the repository. It reads pull requests and comments on them; it never merges and never blocks one

Connect GitHub

Free account, 5 reviews on us, no card

Reviews

Each review shows up here with its score

What it checks

The things AI-written UI gets wrong most, on every change

Keeps the UI consistent

Finds hardcoded values and duplicates, and names the token or component to use instead

Keeps your type scale intact

Flags text sizes that sit off your scale

Keeps the phone layout working

Overflow, stacking, hidden buttons, with screenshots when a render succeeds

Keeps the site from getting slower

Performance rules run on what the pull request adds

7 rule familiesMotionResponsiveDesign systemTypographyInteractionPerformanceCopy

After the free reviews, Builder + AI, from

$15

a month, billed yearly

See plans
  • 5 free reviews, no card and no expiry
  • Then reviews spend AI credits from the same balance as 21st AI
  • A repository spends at most 2,000 credits a month, then pauses with a neutral check
  • No seats and nothing per repository

Questions about Bug Bot

Review your next pull request

Connect a repository and the first 5 reviews are on us