@json-render/devtools-solid
SkillCloud & infraLets your agent add and troubleshoot a devtools inspector panel for -render apps built with SolidJS.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the @json-render/devtools-solid skill
About this capability
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.
What this skill tells your AI
The instructions your AI receives, as published by vercel-labs/json-render in skills/devtools-solid/SKILL.md and read by ahel’s review.
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.
Signals
- GitHub stars
- 17k
- Forks
- 901
- Last commit
- Sep 2026
ahel review
K1binfo
installs-packages
Automated review, not a security audit. Ruleset v1+k2.
Advanced
- Catalog kind
- skill
- Gateway key
devtools-solid- Source
- github.com/vercel-labs/json-render
github.com/vercel-labs/json-render