Devtools Solid
SolidJS adapter for the json-render devtools inspector.
by vercel-labs · Apache-2.0
The skill
SolidJS adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-solid in a SolidJS json-render app, including spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking.
@json-render/devtools-solid
SolidJS adapter for the json-render devtools panel. Read skills/devtools/SKILL.md for the shared panel capabilities, props, docking behavior, and server-side stream taps.
Install
npm install @json-render/devtools @json-render/devtools-solid
Mount the panel
Mount JsonRenderDevtools inside the existing SolidJS json-render provider:
import { JsonRenderDevtools } from "@json-render/devtools-solid";
<JSONUIProvider registry={registry}>
<Renderer spec={spec()} registry={registry} />
<JsonRenderDevtools
spec={spec()}
catalog={catalog}
messages={messages()}
/>
</JSONUIProvider>;
The component renders nothing in production builds. The panel provides the shared devtools controls, including the Ctrl/Cmd + Shift + J shortcut. Keep server-side stream instrumentation in @json-render/devtools.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: vercel-labs/devtools-solid-65581307994.
Details
- Publisher
- vercel-labs
- Category
- Software Development › Developer docs & tooling
- License
- Apache-2.0
- Updated
- 2026-10-13
References
More from vercel-labs
- Playwright E2E Write and stabilise end-to-end browser tests
- Codegen Code generation utilities for json-render.
- Core Core package for defining schemas, catalogs, and AI prompt generation for json-render.
- Devtools React React adapter for the json-render devtools inspector.