agentmods.dev

devtools-solid

devtools-solid is a skill for Claude Code, Codex from vercel-labs/json-render. It costs 60 tokens per session (273 once invoked), scanned A, original, Apache-2.0.

A SolidJS adapter for the json-render developer inspection panel. It adds the panel to a SolidJS app that uses json-render.

In plain words
What is it for?
Use it to install, configure, or troubleshoot json-render devtools in SolidJS apps. It also supports inspecting the rendered page and its activity during development.
Why use it?
It gives developers a way to inspect rendered specifications, edit state, view action and streaming timelines, browse the component catalog, and select page elements while developing.

Skill for Claude CodeCodex ✓ vendor

Written for no agent in particular: nothing here depends on one.

not rated 19krepo +63 yesterday A scan 60 tokens original Apache-2.0

Good fit Use it to install, configure, or troubleshoot json-render devtools in SolidJS apps. It also supports inspecting the rendered page and its activity during development.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/vercel-labs/json-render/devtools-solid
View source ↗ vercel-labs/json-render json-render.dev
About the project

json-render is a framework where AI produces user interfaces as structured JSON constrained by a developer-defined component catalogue. It is for building dynamic interfaces from natural-language prompts across web and mobile frameworks.

vercel-labs/json-render · 18,930 stars · on GitHub · json-render.dev

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add vercel-labs/json-render --skill devtools-solid
Clone the repo
git clone --depth 1 https://github.com/vercel-labs/json-render

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for devtools-solid

README.md
[![agentmods](https://agentmods.dev/badge/skills/vercel-labs/json-render/devtools-solid/github.svg)](https://agentmods.dev/skills/vercel-labs/json-render/devtools-solid)
Your own site
<a href="https://agentmods.dev/skills/vercel-labs/json-render/devtools-solid"><img src="https://agentmods.dev/badge/skills/vercel-labs/json-render/devtools-solid/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for devtools-solid

Your own site · 80×15
<a href="https://agentmods.dev/skills/vercel-labs/json-render/devtools-solid"><img src="https://agentmods.dev/badge/skills/vercel-labs/json-render/devtools-solid.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 60 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 273 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00060 $0.00273
Opus 5.5 $0.00024 $0.00109
Sonnet 5.5 $0.00012 $0.00055
Haiku 4.5 $0.00006 $0.00027

Measured 1mo ago against content hash eebac62589a9, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

devtools-solid scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

Copies of this mod

1 near-identical copy found in the catalogue:

skills/devtools-solid/SKILL.md · 34 lines

What it actually says

@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.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 34 lines · 60 tokens per session scan A eebac62589a9

Subscribe to this mod's changes

devtools-solid is a skill published in the GitHub repository vercel-labs/json-render (18,930 stars, last pushed yesterday), licensed Apache-2.0. It adds 60 tokens to every session and 273 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-19.

DebuggingFrontend
Related

devtools-solid compared with skills from other repositories

devtools-solid next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
devtools-solidvercel-labs/json-renderSkill19kyesterdayApache-2.0A60Claude Code, Codex
systematic-debuggingopen-metadata/OpenMetadataSkill16kyesterdayApache-2.0A37Claude Code
log-error-digestzebbern/claude-code-guideSkill4.7k3d agoMITA71Claude Code, Codex
cwv-optimizeradobe/skillsSkill319yesterdayApache-2.0A112Claude Code
ci-fixersipyourdrink-ltd/bernsteinSkill1.2kyesterdayApache-2.0A15Claude Code, Codex
incident-response-incident-responsermyndharis/antigravity-skillsSkill1.9k23d agoMITA36Claude Code
triaging-web-analytics-supportPostHog/posthogSkill41kyesterdaynoneA151Claude Code, Codex