vue

Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering AI-generated specs in Vue.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

77%

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

A dense, actionable reference with strong executable examples and clean organization, but it carries some internal redundancy and keeps all API reference material inline rather than progressively disclosing it to bundled files.

Suggestions

Remove or trim the 'Key Exports' table where it duplicates entries already shown in the Providers and Composables tables, keeping only exports not documented elsewhere.

Move the bulk of the API reference (Providers, Composables, and Key Exports tables) into a bundled reference file (e.g. references/REFERENCE.md) and link to it from a concise overview, so SKILL.md stays a lean entry point.

Add one or two short executable examples for the currently one-line sections (Event System, Streaming) or fold them into the reference file to avoid underspecified stubs.

Dimension	Reasoning	Score
Conciseness	Mostly lean with code and tables instead of concept explanations, but the 'Key Exports' table re-lists composables and providers already documented above, adding redundancy that could be tightened.	2 / 3
Actionability	The Quick Start provides complete, copy-paste-ready examples for defineCatalog, defineRegistry with h() render functions, and Renderer usage; createStateStore and BaseComponentProps examples are likewise executable.	3 / 3
Workflow Clarity	The Quick Start sequences catalog → registry → render clearly; this is a rendering/reference skill rather than a destructive or batch operation, so no validation checkpoints are required.	3 / 3
Progressive Disclosure	Well-organized into clear sections, but a substantial API reference (Providers, Composables, Key Exports tables) lives inline in a single file with no external references that could offload detail to a separate REFERENCE.md.	2 / 3
	Total	10 / 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 the capability and provides explicit, natural trigger guidance with several concrete use cases. It avoids verbosity and over-claims.

Dimension	Reasoning	Score
Specificity	Lists several concrete actions — 'building Vue UIs from JSON specs', 'defining Vue component registries', 'rendering AI-generated specs' — rather than vague language.	3 / 3
Completeness	Explicitly answers both what ('Vue 3 renderer for json-render') and when via a clear 'Use when ...' trigger clause.	3 / 3
Trigger Term Quality	Uses natural terms a user of this library would actually say: 'Vue UIs', 'JSON specs', '@json-render/vue', 'Vue component registries', 'AI-generated specs'.	3 / 3
Distinctiveness Conflict Risk	Tied to a specific package (@json-render/vue) and Vue 3 rendering niche with distinct triggers, making it unlikely to fire for unrelated skills.	3 / 3
	Total	12 / 12 Passed

Validation

100%

Warnings & errors only

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
Path: skills/vue/SKILL.md
Commit: 9d3dfc8

Reviewed: about 14 hours ago

Table of Contents

Discovery Implementation Validation

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.