VisualBug Lite
Cursor writes your code.
Core trick
Sends a screen recording to Gemini, which maps the observed bug to likely source files and drafts a fix and GitHub issue.
Description
Cursor writes your code. Sentry monitors your crashes. Nobody watched your bugs happe, until now.
VisualBug is Loom for bug reports. Record the screen, skip the essay. 30 seconds to a full diagnosis, suspect files, code fix, and GitHub issue.
Built in one day with Gemini + Vercel
README excerpt
# VisualBug > Record the bug. Skip the essay. Built at Zero to Agent London 2026 - Vercel × Google DeepMind --- ## The Problem Every time software breaks, someone has to stop and explain it. Write what happened. Write what should happen. Guess which file. Create a GitHub issue. Hope the developer understands. That explanation takes longer than the actual fix. ## The Solution Record your screen. Show the bug happening. VisualBug watches it and gives you back a full diagnosis, the suspect files, a code fix, and a GitHub issue — in 30 seconds. ## How It Works 1. **Record** - capture your screen showing the bug 2. **Analyze** - Gemini watches the recording and identifies the issue 3. **Locate** - maps the bug to the most likely files in your codebase 4. **Fix** — generates a suggested code patch 5. **Ship** — creates a GitHub issue automatically ## Setup 1. Clone the repo 2. Install dependencies — `npm install` 3. Copy `.env.local.example` to `.env.local` 4. Add your `GEMINI_API_KEY` from aistudio.google.com 5. Run `npm run dev` 6. Open http://localhost:3000 ## Stack - Next.js 14 - Google Gemini - Vercel - GitHub API - Tailwind CSS - TypeScript ## Live Demo [visualbug-lite.vercel.app](https://visualbug-lite.vercel.app)