CtrlK
BlogDocsLog inGet started
Tessl Logo

react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

68

Quality

82%

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

65%

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

A dense, code-rich reference doc with strong actionability but some redundancy and no progressive disclosure split. The main lever is extracting reference material (exports/API) into bundled files and de-duplicating the bindState guidance.

Suggestions

Remove the repeated "$bindState not statePath" guidance — state it once in the Dynamic Prop Expressions section and reference it, rather than repeating in Built-in Actions and useBoundProp.

Move the Key Exports table and detailed per-feature API into a references/ file (e.g. API.md) and link to it from the body, improving progressive disclosure.

Add a brief validation/checkpoint step (e.g. how to verify a registry renders or how to test a binding) so any build/verify workflow is explicit rather than implicit.

DimensionReasoningScore

Conciseness

Mostly lean and it does not explain basic concepts, but the guidance that two-way binding uses $bindState (not statePath) is repeated in three sections (Dynamic Prop Expressions, Built-in Actions note, useBoundProp), which is tightening-eligible padding.

2 / 3

Actionability

Provides complete, executable TypeScript/JSON snippets throughout (Quick Start, catalog, providers, events, useBoundProp, BaseComponentProps) that are copy-paste ready with concrete APIs.

3 / 3

Workflow Clarity

Sections are logically ordered (Quick Start → catalog → spec → features) but there is no explicit multi-step workflow or validation checkpoint; for a reference skill the sequence is implicit only.

2 / 3

Progressive Disclosure

Content is well-sectioned, but everything — including the Key Exports reference table and full per-feature API detail — is inline with no one-level-deep reference files; the body exceeds 50 lines so the simple-skill allowance does not apply.

2 / 3

Total

9

/

12

Passed

Description

100%

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, third-person description that clearly states capability and provides explicit trigger guidance with natural keywords. No issues to flag.

DimensionReasoningScore

Specificity

Lists several concrete actions — "turns JSON specs into React components", "building React UIs from JSON", "creating component catalogs", "rendering AI-generated specs" — rather than vague language.

3 / 3

Completeness

Explicitly states what it does ("React renderer ... that turns JSON specs into React components") and when to use it via an explicit "Use when ..." trigger clause.

3 / 3

Trigger Term Quality

Natural user-facing terms are well covered ("building React UIs from JSON", "component catalogs", "AI-generated specs", "@json-render/react"), matching phrases a user would actually say.

3 / 3

Distinctiveness Conflict Risk

The niche is clear and scoped to @json-render/react with JSON-to-React rendering, making it unlikely to trigger for unrelated skills.

3 / 3

Total

12

/

12

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.

Validation16 / 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.