CtrlK
BlogDocsLog inGet started
Tessl Logo

vueuse

Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.

80

Quality

100%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Failed to scan

The risk profile of this skill

SKILL.md
Quality
Evals
Security

Quality

Content

100%

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

An efficient, actionable reference skill: concise sections, executable code for install/SSR/refs, and exemplary progressive disclosure pointing to a real references index. No destructive/batch operations exist that would demand validation feedback loops.

DimensionReasoningScore

Conciseness

Lean body with no over-explanation of Vue/composable/SSR concepts Claude already knows; dense category table and tight code blocks where every token earns its place.

3 / 3

Actionability

Provides fully executable, copy-paste-ready guidance — `pnpm add @vueuse/core`, nuxt.config wiring, and concrete patterns (useLocalStorage, useMouse, refDebounced, createSharedComposable, MaybeElementRef) with no pseudocode.

3 / 3

Workflow Clarity

For a single-purpose reference skill the action is unambiguous: check VueUse before writing custom composables, find one via references/composables.md, then use it — reinforced by a loading checklist and a "DO NOT load all files at once" directive.

3 / 3

Progressive Disclosure

Clear overview with well-signaled one-level-deep references — the Quick Reference table and Loading Files checklist both link the existing references/composables.md, with the large composable index correctly kept out of SKILL.md rather than inlined.

3 / 3

Total

12

/

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 with concrete actions, explicit "Use when" triggers, and natural terminology that clearly scopes it to the VueUse library. No vagueness, over-claims, or voice problems.

DimensionReasoningScore

Specificity

Lists multiple concrete actions mapped to named composables — "track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively" — matching the multi-action anchor.

3 / 3

Completeness

Answers both what (the five composable actions) and when with an explicit "Use when working with VueUse composables" trigger, plus the "Check VueUse before writing custom composables" guidance.

3 / 3

Trigger Term Quality

Natural Vue-user vocabulary is well covered: "VueUse composables", "mouse position", "localStorage", "network status", "debounce", "browser APIs", "custom composables" — terms a developer would actually say.

3 / 3

Distinctiveness Conflict Risk

Tied to the named VueUse library with Vue-specific composable triggers, giving it a clear niche unlikely to fire for non-Vue 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
onmax/nuxt-skills
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.