CtrlK
BlogDocsLog inGet started
Tessl Logo

react-native

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

65

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./skills/react-native/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 lean, highly actionable reference for the library's non-obvious surface: the Quick Start, binding expression syntax, and the deliberate 'no statePath prop' corrective guidance are all high-value. The two real gaps are the missing provider imports in the Quick Start example and the monolithic single-file layout, which inlines bulk API and catalog material that should be split into reference files.

Suggestions

Move the Key Exports table and the Standard Components catalog into references/ (e.g., references/exports.md and references/components.md) and link to them from SKILL.md, keeping only a summary inline — this improves progressive disclosure and trims the main file toward overview size.

Fix the Quick Start so the App example is copy-paste runnable: add StateProvider, VisibilityProvider, and ActionProvider to the imports from @json-render/react-native.

State explicitly which providers are required for basic rendering versus optional (e.g., ValidationProvider for forms), so the setup workflow is unambiguous without inferring from the example.

DimensionReasoningScore

Conciseness

The body is dense library-specific reference — a component catalog, binding expression syntax, provider semantics, and an exports table — none of which Claude could know already. There is no padding, no explanation of general React/React Native concepts, and every section carries non-obvious information, matching 'lean and efficient; every token earns its place'.

5 / 5

Actionability

The Quick Start is a complete, realistic TypeScript setup and the binding/action examples are concrete JSON snippets. It falls short of 'fully executable' because the App example uses StateProvider, VisibilityProvider, and ActionProvider without importing them (the import block only pulls defineRegistry, Renderer, and Components), so the code is not copy-paste runnable as written.

4 / 5

Workflow Clarity

The composition sequence (defineCatalog → defineRegistry → wrap in providers → render) is demonstrated in the Quick Start with inline comments, and no destructive or batch operations require validation checkpoints. It stays at 4 rather than 5 because the sequence is shown only implicitly in code — required vs. optional providers (e.g., ValidationProvider appears in the table but not the example) is never narrated.

4 / 5

Progressive Disclosure

At ~185 lines everything lives inline in SKILL.md: the full 30+ component catalog, the complete Key Exports table (20+ entries), provider docs, and expression syntax. Section structure is good, but there are no bundle files at all — the export/API reference and component catalog are exactly the bulk material that belongs in one-level-deep reference files. This matches 'some structure but... content that should be separate is inline'.

3 / 5

Total

16

/

20

Passed

Description

78%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 well-formed description with an explicit, multi-trigger 'Use when' clause and a clear third-person statement of what the skill does. Its main weakness is that the 'what' compresses all capability into a single rendering action, leaving the concrete feature set unstated.

DimensionReasoningScore

Specificity

The description names the domain ('React Native renderer for json-render') and one concrete action ('turns JSON specs into native mobile UIs'), but stops there — it does not enumerate capabilities like data binding, visibility conditions, or the standard component catalog that the skill actually covers. This matches the anchor 'Names domain and 1-2 concrete actions, but not comprehensive'; it is not score 4 because no additional specific actions are listed.

3 / 5

Completeness

It explicitly answers both parts: the 'what' ('React Native renderer for json-render that turns JSON specs into native mobile UIs') and the 'when' ('Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile') with multiple concrete trigger phrases. This closely matches the anchor-5 good example structure.

5 / 5

Trigger Term Quality

The 'Use when' clause covers good natural phrasings: 'working with @json-render/react-native', 'building React Native UIs from JSON', 'creating mobile component catalogs', 'rendering AI-generated specs on mobile'. Coverage is good but a few natural variations users might say (e.g., 'JSON spec', 'native mobile UI', 'rendering specs on iOS/Android') are missing, so it falls just short of the comprehensive-synonyms anchor 5.

4 / 5

Distinctiveness Conflict Risk

The json-render scoping and package name give it a clear niche with distinct triggers, but phrases like 'building React Native UIs from JSON' carry minor overlap risk with a general React Native UI skill. It sits between anchor 4 ('mostly distinct; minor overlap risk with closely related skills') and anchor 5, and the overlap is real enough to keep it at 4.

4 / 5

Total

16

/

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.