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

Install with Tessl CLI

npx tessl i github:onmax/nuxt-skills --skill vue
What are skills?

100

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

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%

Without context: $0.2255 · 45s · 13 turns · 13 in / 2,634 out tokens

With context: $0.3571 · 52s · 15 turns · 14 in / 3,047 out tokens

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%

Without context: $0.2751 · 1m 1s · 13 turns · 13 in / 4,157 out tokens

With context: $0.5482 · 1m 36s · 17 turns · 6,452 in / 5,909 out tokens

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%

Without context: $0.2542 · 1m 5s · 12 turns · 13 in / 3,608 out tokens

With context: $0.3928 · 1m 7s · 19 turns · 19 in / 3,464 out tokens

Evaluated
Agent
Claude Code

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.