CtrlK
BlogDocsLog inGet started
Tessl Logo

devtools-svelte

Svelte 5 adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-svelte in a Svelte json-render app, including spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking.

75

Quality

93%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

93%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A concise, actionable adapter skill with copy-paste install and mount examples plus a clear one-level pointer to the shared devtools skill. Workflow ordering is implicit rather than explicit, but adequate for such a simple single-purpose skill.

DimensionReasoningScore

Conciseness

A lean body with no padded explanation of concepts Claude already knows: an install command, a copy-paste mount snippet, and a pointer to the shared skill — every token earns its place.

5 / 5

Actionability

Provides an executable 'npm install' command and a complete, copy-paste-ready Svelte mount example that covers the primary integration case.

5 / 5

Workflow Clarity

A clear two-step sequence (Install, then Mount the panel) conveyed via section headers, but the ordering is implicit with no explicit 'then' or checkpoint; acceptable for this simple single-purpose adapter, just short of fully explicit sequencing.

4 / 5

Progressive Disclosure

Well-organized into Install / Mount sections with a clearly signaled one-level reference ('Read skills/devtools/SKILL.md for the shared panel capabilities ...'); appropriately split for a short skill with no bundle files.

5 / 5

Total

19

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, specific description that names its niche, enumerates concrete capabilities, and gives explicit 'Use whenever...' trigger guidance in third person. The only minor gap is a few missing natural synonyms in the trigger terms.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'add, configure, or troubleshoot' plus 'spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking' — giving comprehensive coverage of the adapter's capabilities.

5 / 5

Completeness

Explicitly answers both what ('Svelte 5 adapter for the json-render devtools inspector') and when ('Use whenever the user wants to add, configure, or troubleshoot ... in a Svelte json-render app') with concrete trigger phrases, in third person.

5 / 5

Trigger Term Quality

Good natural keywords users would say ('add, configure, or troubleshoot', the package name '@json-render/devtools-svelte', 'Svelte'), but missing common synonyms like 'inspect' and any file extensions; not quite the full synonym set of a 5.

4 / 5

Distinctiveness Conflict Risk

A clear niche — a Svelte 5 adapter for one named package — with distinct, framework-specific triggers and minimal overlap risk with other skills.

5 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
vercel-labs/json-render
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.