json-render-devtools
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`.

Install the complete plugin to include its agents, hooks, commands, and runtime context.
- PUBLISHER
- vercel-labs
- RELATIONSHIP
- vendored
- VERSION
- 1.0.0
- BENCHMARK
- unknown
Install bOpen Mcp
The complete plugin is the supported path. It preserves everything the publisher designed to work alongside this skill.
Codex
VERIFIEDGrok Build
VERIFIED- This is the grok CLI, not Grok Bot.
- grok plugin details mcp-dev
Grok Bot
GUIDED SETUP- Paste this request into your Bot’s conversation. It will report what it can add.
OpenCode
VERIFIED- Paste into OpenCode. Restart after installation.
- Includes native agents, commands, skills and supported hooks/MCP. HammerTime uses bounded follow-up turns in persistent sessions.
Install only this skill
Use this narrower path only when you intentionally want the portable SKILL.md without the plugin’s surrounding capabilities.
Skills CLI
VERIFIED- Installs only the portable skill; it omits plugin hooks, agents, commands, apps/MCP configuration, and unlisted companion skills.
Grok Bot
GUIDED SETUP- Paste into your Bot’s conversation. Once saved, use / to select the skill.
Trace it to the source.
- DISTRIBUTED SOURCE
- modules/mcp-dev/.agents/skills/json-render-devtools/SKILL.md ↗
- UPSTREAM SOURCE
- vercel-labs/json-render
- DISTRIBUTED DIGEST
- sha256:88e0134f6a5b211b127b27753d6424d65dfaf21ea605fd6beb90beb5edb907ea
- LOCK HASH
- 6fcfb1f4db31e1299ca64f2fbddc54d02c14968c6a9fa5b15b864dd0da09f7d0
Companion skills
No required companion skills are declared.
Share this skill.
Pass the canonical page to a teammate or keep it close for later.
json-render-directives
Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom directives with defineDirective, or adding $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.
