Skip to content

Popcorn

Popcorn is a Chrome extension and Claude Code integration that accelerates verification of AI-generated UI changes while reducing token usage and latency.

Code Video Cerebral Valley

Core trick

A Claude Code PostToolUse hook triggers a Chrome extension that runs batched UI checks natively and returns screenshots and assertion results.

Tags

dev tools

Description

Popcorn is a Chrome extension and Claude Code integration that accelerates verification of AI-generated UI changes while reducing token usage and latency. Instead of relying on many small LLM calls to drive the browser, Popcorn batches workflows and executes them natively inside Chrome, returning structured evidence such as assertions, screenshots, and expected versus actual results to Claude in bulk. When Opus edits frontend code, Popcorn automatically generates verification flows based on plain-English acceptance criteria. Bugs surface immediately, Claude can self-correct, and engineers can observe, review, and replay recorded runs. Popcorn keeps humans in the loop while making AI-driven development faster, cheaper, and more trustworthy.
timothynice/popcorn★ 00 forksTypeScriptMITCreated Feb 11, 2026 · last push Feb 16, 2026

README excerpt

![Tests: 387 passing](https://img.shields.io/badge/tests-387%20passing-brightgreen)
![TypeScript: strict](https://img.shields.io/badge/typescript-strict-blue)
![Build: clean](https://img.shields.io/badge/build-clean-brightgreen)
![Cloud: none](https://img.shields.io/badge/cloud-none-lightgrey)
![Chrome: MV3](https://img.shields.io/badge/chrome-manifest%20v3-yellow)
![Packages: 3](https://img.shields.io/badge/packages-3-orange)
![Claude Code](https://img.shields.io/badge/Claude_Code-PostToolUse_Hook-7c3aed)

# 🍿 Popcorn

**Autonomous visual testing for AI-generated frontend code.** When Claude Code (Opus 4.6) edits your UI, Popcorn runs a real browser demo, evaluates acceptance criteria, and returns structured results — closing the feedback loop so the AI can self-correct.

> **Problem Statement #1: Build a Tool That Should Exist** — AI writes frontend code blind. Popcorn gives it eyes.


---

## Before / After

| | Without Popcorn | With Popcorn |
|---|---|---|
| **AI edits UI code** | Hope it works. Move on. | Automatic visual demo in real Chrome tab. |
| **Testing feedback** | Human opens browser, clicks around, reports back. | Structured results with screenshots in ~3 seconds. |
| **Iteration cycle** | Minutes per round-trip. | Seconds. AI self-corrects autonomously. |

---

## Evidence of Craft

| Metric | Value | Verify |
|--------|-------|--------|
| Tests passing | 387 | `npm test` |
| Test files | 27 | `npx vitest run --reporter=verbose` |
| Packages | 3 (shared, exte

Team