Devtools

Drop this in any json-render app and you get a floating inspector panel with live spec tree browsing, runtime state editing, action logs, and stream patch capture. Works across React, Vue, Svelte, and Solid with matching adapters. The element picker is Chrome DevTools style: click the toolbar button, click any rendered element, and jump straight to its spec node. Handles multi-renderer setups cleanly, so a chat with twenty assistant messages can share one devtools instance if you namespace your state paths. Auto-hides in production. The right-dock vs bottom-dock choice matters: pick right if your shell uses 100vh or fixed positioning, bottom for normal document flow.

Install to Claude Code

npx -y skills add vercel-labs/json-render --skill devtools --agent claude-code