Slop Fixer
Slop Fixer is an AI reviewer that hunts down visual 'slop' and UI bugs in React PRs and suggests changes to fix them.
Core trick
Renders PR routes at mobile and desktop viewports, then sends screenshots to a vision model that flags visual bugs.
Description
Slop Fixer is an AI reviewer that hunts down visual 'slop' and UI bugs in React PRs and suggests changes to fix them.
When you open a pull request, the bot spins up your React application, renders your configured routes across mobile and desktop viewports, and captures visual snapshots. The bot posts detailed comment with issues and a prompt to fix the bugs along with the screenshots.
See it live here - https://github.com/aniketmaurya/customer-support-agent/pull/2
README excerpt
# 🧹 Slop Fixer
**Slop Fixer** is your automated design QA engineer. When you open a pull request, the bot spins up your React application, renders your configured routes across mobile and desktop viewports, and captures visual snapshots.
| Before Slop Fixer | After Slop Fixer |
| :---: | :---: |
| <img src="before.png" alt="Before" width="400"/> | <img src="after.png" alt="After" width="400"/> |
Using **Gemini 3.1 Pro's** advanced spatial reasoning, it aggressively hunts for:
- **AI-Generated Slop**: Unnecessary sparkle emojis, unsolicited glowing borders, and generic default gradients.
- **Inconsistent States**: Missing focus/hover cues, disjointed shadows, and fragmented components.
- **Classic Bugs**: Overlapping elements, accessibility (WCAG) contrast failures, and broken CSS layouts.
The bot posts a detailed review right on your PR, attaching your screenshots annotated with exact bounding boxes around the problematic UI elements. It even generates a ready-to-use **Fix Prompt** that you can feed directly into Cursor, Windsurf, or Copilot to instantly resolve all the visual issues with zero manual effort!
## Architecture
```
GitHub webhook → FastAPI server → clone + dev server
→ agent-browser screenshots → Gemini analysis → PR comment
```
## Quick Start
### Prerequisites
- **Python 3.11+**
- **Node.js 18+** (for `agent-browser` and running target React apps)
- **agent-browser**: `npm install -g agent-browser && agent-browser install`
- A **GitHub App** (see [