Case studies
Real flows verified against the Genie demo apps.
Every case uses both kinds of tool:
- agent-browser or agent-device performs the action and checks visible UI.
- Genie reads the live React and TanStack evidence.
These case studies retain observations from recorded demo runs. They are examples to reproduce, not expected timings or evidence for your app. Discover current IDs, use the installed tool schema, and require the same visible checks before accepting a result. CLI examples use JSON output; external browser/device tools keep their own output formats.
Run repository examples from a checkout with dependencies installed and packages built. The
commands use jq, rg, and Bash; loops and cleanup traps should run in a dedicated Bash shell.
Install your browser or device driver before starting the demo. For a first connection, use
First live check.
These live cases cover the Vite, TanStack Start, Router, plain web, and Expo demos. The Next.js page is a setup guide and does not claim a live case.
Verify a native app end to end
Press the real iOS UI, explain its render, and prove Query cache delivery.
Verify hard-to-reach UI states
Read props and Context, force variants, save screenshots, and restore the app.
Trace one interaction end to end
Join one click to its hook change, render cause, effect execution, and coverage.
Prove Query cache to UI
Follow a cache write through its exact observer notification and React render.
Measure the loading-state height gap
Hold loading UI long enough to measure and compare its real size.
Verify routes and forced states
Check navigation, Suspense, and error UI without racing short-lived states.
Check list render scope
Separate updated, idle, unmounted, and omitted keyed rows.
Check optimization evidence
Compare repeated cohorts and reject incomplete or noisy evidence.
Keep agents on separate tabs
Pin each agent to its own document and fail on ambiguous targets.