Give your agent
state. Not guesses.
Inspect the live store. Call a real action. Read back what changed.
A direct view of your application, from the terminal your agent already uses.
Development only · Open source · Runs through the browser panel
A plan, made visible.
Follow the task from action to state.
todos$ npx rgsh state todos [todos] state: { "todos": [ { "text": "Create the store", "done": true }, { "text": "Compose a selector", "done": false } ] } # The current state is the starting point.
This is a scripted design demonstration, not a connected coding agent. The recordings below are the real thing.
From “what happened?”
to a trace you can inspect.
The interface and the state answer different questions. Give your tools access to both.
Inspect the real model
Read stores, selected values and action history—not just a screenshot of the result.
Use the same actions
Invoke exposed store actions from a terminal. Keep domain behavior in the application.
Verify the outcome
Read back the state after a change. A completed command is not proof that the intended state was reached.
One application. A shared view.
The panel stays open on your app’s tab. The CLI connects on the same port.
Start with the development entry.
Load debug instrumentation before creating stores. Open the extension panel, reload the app, and connect its terminal port.
npm i -D ws
npx rgsh --list
npx rgsh state todos
npx rgsh action todos add "Write the docs"Start with a question about state.
Discover stores
Identify what the running application exposes.
npx rgsh --listRead a store
Inspect the current value before changing it.
npx rgsh state todosCall an action
Use the application’s own state transition.
npx rgsh action todos add "Write the docs"Read a path
Verify the exact part of the result that matters.
npx rgsh state todos todos[0].doneSee it work. In a real application.
Recordings of the extension, the state model and the workflow, captured against this repository’s playground.
A clearer view of your next bug.
Connect a development build and inspect your first store.