🍪 Device Testing
"Your site looks perfect on your MacBook — but it's broken on the phone 40 million people actually use. PixelProof scans your pages across 5,000+ devices and tells you what to fix first."
The Idea
PixelProof is a SaaS tool that lets website owners connect their domain and automatically screenshot/render their pages across thousands of virtual device, browser, and resolution combinations. AI vision models scan every render to detect broken layouts, hidden CTAs, overlapping text, and other visual regressions — then rank issues by real-world device market share so teams fix what matters first. Alerts fire to Slack/email the moment something breaks, before customers notice.
Who It's For
- Primary: SaaS companies and e-commerce teams with 10K-1M monthly visitors who care about conversion rates - Secondary: Web agencies managing multiple client sites - Tertiary: Solo developers / indie hackers who can't afford BrowserStack
What's Built
The prototype will not attempt 5,000+ device combos or real-time continuous monitoring. Instead:
- URL submission: User enters a URL; system captures screenshots at 10 predefined viewport/UA combinations (e.g., iPhone SE, iPhone 15, Pixel 7, Galaxy A15, iPad, common desktop widths).
- AI visual analysis: Each screenshot is sent to an OpenAI GPT-4o vision call that returns structured JSON identifying layout issues (overlap, clipping, illegible text, hidden CTAs).
- Issue dashboard: Issues are displayed ranked by device market-share weight, with annotated screenshots.
- Alerting: Email notification when new issues are found.
- Auth & project management: Sign up, log in, save domains ("projects"), view historical scan results.
Out of scope for MVP: Slack integration, Zapier, white-label reports, scheduled/continuous monitoring cron, real BrowserStack device farms.