Getting started
Getting started
Connect Genie to a running app and make the first live call.
Genie connects a terminal to the React app open in your browser. The agent can read runtime state that source code and screenshots do not show.
Use both tools
Always pair Genie with agent-browser on web or agent-device on React Native. The UI driver performs the flow and checks the result. Genie explains the live app state underneath it.
The loop
- Add Genie to the app.
- Open the app in a browser.
- Pin the right tab.
- Clear old measurements.
- Drive one exact flow.
- Read the result.
- Make a change and run the same flow again.
Requirements
- React 18 or newer
- Node.js 20 or newer for the package and CLI
- A running development build
- A browser driver for automated UI actions
Use agent-browser for web apps or agent-device for React Native.