CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

vue

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Quality

92%

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

92%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 well-structured reference skill: the body stays lean, provides a fully executable canonical SFC template and concrete preference directives, and delegates detail to three real, one-level-deep reference files navigable via topic tables. The only improvement is trimming the version/date provenance line and the redundant full import enumeration in Key Imports.

DimensionReasoningScore

Conciseness

Overall lean with no explanations of concepts Claude already knows, but two trims exist: the time-sensitive provenance line "Based on Vue 3.5, generated at 2026-09-25" (version/date not placed in a deprecated/old-patterns section, which the guidelines penalize) and the exhaustive import listing in "Key Imports" (e.g., onBeforeMount, onBeforeUpdate) that mostly restates known Vue imports. Fits anchor 4 (efficient, minor over-explanation) rather than anchor 5 (every token earns its place).

4 / 5

Actionability

The Component Template is a complete, typed, copy-paste-ready SFC exercising the canonical case (typed defineProps/defineEmits/defineModel, computed, watch, onMounted, template), and preferences are concrete directives ("prefer `shallowRef` over `ref`", "Discourage using Reactive Props Destructure"). Matches anchor 5's fully executable, common-case coverage with no gaps.

5 / 5

Workflow Clarity

This is a reference-style skill with no multi-step process and no destructive or batch operations, so the validation cap does not apply. Per the simple-skill guidance, the single action — write Vue SFCs with `<script setup lang="ts">` following the stated preferences and consult the topic-mapped reference — is unambiguous, with a clear preferences section and topic-to-reference tables. Not anchor 4, as nothing is ambiguous or gapped for this skill type.

5 / 5

Progressive Disclosure

The body is a lean overview (preferences, topic tables, quick-reference template) with three clearly signaled references in [topic → file] tables; all three files (script-setup-macros.md, core-new-apis.md, advanced-patterns.md) exist, match their described topics, and are one level deep with no nested references. Matches anchor 5's clear overview with well-signaled one-level-deep references and easy navigation.

5 / 5

Total

19

/

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 description that explicitly states both capability scope and trigger conditions using concrete, Vue-specific terminology users naturally employ. Its only weakness is topic-enumeration phrasing without action verbs and a few missing natural synonyms such as the .vue file extension. Trigger phrasing uses the standard third-person/imperative 'Use when' form with no voice violations.

DimensionReasoningScore

Specificity

Enumerates several concrete, named capabilities ("defineProps/defineEmits/defineModel", "Transition/Teleport/Suspense/KeepAlive", "watchers") but frames them as noun-phrase topics rather than verb-driven actions, and "reactivity system" is an umbrella term. This exceeds anchor 3 (only 1-2 concrete items) but falls short of anchor 5's comprehensive action-verb coverage.

4 / 5

Completeness

Explicitly answers both: what ("Vue 3 Composition API, script setup macros, reactivity system, and built-in components") and when ("Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive") with concrete trigger phrases — structurally identical to the anchor-5 example. Not anchor 4, since the 'when' clause is already explicit and specific.

5 / 5

Trigger Term Quality

Strong natural terms users would actually say: "Vue 3", "Composition API", "script setup", "Vue SFCs", "watchers", and exact macro/component names. Missing the ".vue" file extension and synonyms like "single-file component" or "ref/computed", so it fits anchor 4 (good coverage, a few natural terms missing) rather than anchor 5's comprehensive synonym/extension coverage.

4 / 5

Distinctiveness Conflict Risk

Clear niche (Vue 3) with Vue-exclusive API names as triggers (defineModel, Teleport, KeepAlive), which would not fire for React or generic JavaScript work. Distinct triggers give minimal conflict risk, matching anchor 5; anchor 4's 'minor overlap risk' would require shared generic trigger terms, which are absent.

5 / 5

Total

18

/

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

onmax/nuxt-skills

Path

skills/vue/SKILL.md

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.