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

Low

Low-risk findings worth noting

Quality

Content

90%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.

An efficient, highly actionable reference with executable examples and well-organized tables that assume Claude's competence. It is a single-file reference rather than a multi-step validated workflow, which slightly limits workflow clarity and progressive disclosure scores.

Dimension	Reasoning	Score
Conciseness	Lean and efficient: tables for Providers/Composables/Exports, tight code blocks, no padding explaining what Vue/JSON/Zod are, and one-liner notes that each earn their place.	5 / 5
Actionability	Copy-paste-ready TypeScript and Vue examples cover the common cases (catalog, registry with h() render functions, Renderer with providers, createStateStore, BaseComponentProps).	5 / 5
Workflow Clarity	A clear build sequence (Create Catalog -> Define Registry -> Render Specs -> Providers/Composables) is present, but as a reference layout it lacks explicit validation checkpoints; no destructive/batch ops require them, so it does not hit the 3 cap.	4 / 5
Progressive Disclosure	A single self-contained file with clear headers and tables, no nested or buried references; not 5 because no bundle files exist and some reference-like material (full prop-expression grammar, streaming) is inlined rather than split into signaled one-level-deep files.	4 / 5
	Total	18 / 20 Passed

Description

87%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, well-structured description that cleanly answers both what the skill does and when to use it, with concrete triggers and a distinct niche. Slightly high-level on the action verbs and missing synonyms/extensions, which keeps specificity and trigger quality at 4 rather than 5.

Dimension	Reasoning	Score
Specificity	Names multiple concrete actions ('building Vue UIs from JSON specs', 'defining Vue component registries', 'rendering AI-generated specs in Vue') but they stay at a fairly high level rather than enumerating granular operations.	4 / 5
Completeness	Explicitly states both what ('Vue 3 renderer for json-render') and when ('Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering AI-generated specs in Vue') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Good natural-term coverage ('Vue UIs', 'JSON specs', '@json-render/vue', 'component registries'); not 5 because it omits common synonyms and file extensions like .vue.	4 / 5
Distinctiveness Conflict Risk	A clear niche (Vue 3 + json-render + JSON spec rendering) with distinct triggers and minimal overlap risk with other skills.	5 / 5
	Total	18 / 20 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: 0f6798b

Reviewed: 2 days 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.