About Genie React

Live React and TanStack DevTools for AI coding agents. Find performance problems, test app states, and verify fixes end to end.

What Genie React is

Genie React gives AI coding agents live DevTools access to a running React or React Native app from the terminal. An agent pairs Genie with a UI driver such as agent-browser or agent-device: the driver clicks and types, and Genie reads what React actually did — renders, hook changes, effects, TanStack Query cache state, and TanStack Router navigation.

That evidence loop lets an agent reproduce a bug, trace its observed cause to source, apply a fix, and verify the result against the live app instead of guessing from static code.

The project

Genie React is open source under the MIT license and developed in the open at https://github.com/Genie-sa/genie-react. It ships as two npm packages: genie-react, the in-app collectors and local hub, and @genie-react/cli, the terminal interface agents call. Nothing leaves the developer's machine: the hub, the app, and the CLI all talk over localhost.

This site is the project documentation. Every docs page is also available as markdown — append .md to its URL, or start from /llms.txt for a complete machine-readable index.