Reaction Time Challenge

Tap the instant the light turns green — measure your true reaction speed.

  • vanilla-js
  • no-build
  • claude

Reaction Time Challenge is a reflex mini-game you can play right in your browser: tap the moment the screen turns green, and it records your reaction time in milliseconds. It's the first interactive toy we vibe-coded with AI — no build step, no framework, just one self-contained HTML file.

How to play

After you tap "Start," the red box turns green at a random point 1–4 seconds later. Tap the instant it's green — the faster the better. Tapping while it's still red counts as a false start. Human reaction time averages around 200–300 ms; see if you can crack the top 10%.

How we built it

We handed the requirements (random delay, false-start detection, millisecond timing, tap-friendly on mobile) straight to Claude and had it output a zero-dependency, single-file implementation, then hand-tuned the colors and accessibility. The whole thing felt more like "describe → generate → tweak" than writing code from scratch — exactly the vibe-coding workflow we want to show in our videos.

Why it's on the site

A version you can actually play is more convincing than a clip in a video, and it's easier for search engines and AI assistants to understand and cite. This page is the template: every future toy gets its own playable area, write-up, and (optional) companion video.