CtrlK
BlogDocsLog inGet started
Tessl Logo

vue

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

89

1.36x
Quality

85%

Does it follow best practices?

Impact

97%

1.36x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

93%

40%

Accessible Form Input Component

defineModel and reactive props patterns

Criteria
Without context
With context

Uses defineModel

0%

100%

defineModel required

0%

100%

useTemplateRef for focus

0%

100%

useId for SSR IDs

100%

100%

Props destructured with defaults

0%

100%

Typed emits

100%

100%

script setup lang ts

100%

100%

Slot shorthand syntax

100%

100%

No const props destructure

100%

100%

App uses v-model

100%

100%

Same-name prop shorthand

0%

0%

import type usage

100%

100%

98%

38%

Live Search Composable with Request Cancellation

Composable cleanup and VueUse patterns

Criteria
Without context
With context

VueUse first check

0%

100%

createSharedComposable

0%

100%

readonly exports

100%

100%

onWatcherCleanup for cancellation

0%

100%

import.meta.client guard

0%

100%

use prefix naming

100%

100%

File matches function name

100%

100%

No async composable

100%

100%

Top-level calls only

100%

71%

Spec colocated

100%

100%

Composable tested directly

100%

100%

Vitest used

100%

100%

100%

Theme Settings Provider

Typed provide/inject and TypeScript config

Criteria
Without context
With context

InjectionKey typing

100%

100%

Symbol keys used

100%

100%

Provides ref not value

100%

100%

readonly provided state

100%

100%

Mutations stay in provider

100%

100%

import type usage

100%

100%

tsconfig moduleResolution bundler

100%

100%

tsconfig verbatimModuleSyntax

100%

100%

tsconfig strict mode

100%

100%

tsconfig jsx preserve

100%

100%

Consumer uses typed inject

100%

100%

script setup lang ts

100%

100%

Repository
onmax/nuxt-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.