Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec keys. Triggers include "add devtools", "debug json-render", "inspect the spec", "why is this element not rendering", "see the state at runtime", or requests to tap streams / capture action logs for @json-render/devtools.
$npx -y skills add vercel-labs/json-render --skill devtoolsInstalls into the current project.
Run `npx skills use "https://github.com/vercel-labs/json-render" --skill "vercel-labs/json-render/devtools"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/vercel-labs/json-render" that are relevant to the current task. Run `npx skills add "https://github.com/vercel-labs/json-render"` and select the relevant skills, then follow their instructions.