devtools

Debug your generative UI as it runs.

generative UI debugging

What it does

Adds a floating inspector for examining json-render specs, state, actions, streams, and catalogs.

When to use it

Use when debugging a generative UI, inspecting its spec or runtime state, or capturing actions and streams.

Give it an existing json-render project; it adds the matching devtools component inside the project's provider.

What you provide

This skill

npm install

Execute

Installs json-render devtools packages

browser localStorage

Write

Saves panel preferences locally

document body styles

Write

Changes document body spacing

No setup requirements listed in the analysis.