CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

vue-expert

tessl i github:jeffallan/claude-skills --skill vue-expert

Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.

61%

Overall

Validation

Implementation

Activation

SKILL.md
Review
Evals

Validation

75%
CriteriaDescriptionResult

skill_md_line_count

SKILL.md line count is 110 (<= 500)

Pass

frontmatter_valid

YAML frontmatter is valid

Pass

name_field

'name' field is valid: 'vue-expert'

Pass

description_field

'description' field is valid (155 chars)

Pass

description_voice

'description' uses third person voice

Pass

description_trigger_hint

Description includes an explicit trigger hint

Pass

compatibility_field

'compatibility' field not present (optional)

Pass

allowed_tools_field

'allowed-tools' field not present (optional)

Pass

metadata_version

'metadata' field is not a dictionary

Warning

metadata_field

'metadata' field not present (optional)

Pass

license_field

'license' field is missing

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

body_present

SKILL.md body is present

Pass

body_examples

No examples detected (no code fences and no 'Example' wording)

Warning

body_output_format

Output/return/format terms detected

Pass

body_steps

Step-by-step structure detected (ordered list)

Pass

Total

12

/

16

Passed

Implementation

42%

This skill has excellent progressive disclosure with a well-organized reference table, but critically lacks actionable code examples. The content is moderately verbose with sections that don't add value (role definition, knowledge reference). The MUST DO/MUST NOT DO constraints are useful but would be far more effective with accompanying code snippets showing correct vs incorrect patterns.

Suggestions

  • Add executable code examples for key patterns: a basic component with <script setup>, a composable with cleanup, and a Pinia store definition
  • Remove the 'Role Definition' paragraph and 'Knowledge Reference' section - these don't provide actionable guidance Claude needs
  • Transform MUST DO/MUST NOT DO into side-by-side code examples showing correct vs incorrect patterns
  • Add validation steps to the Core Workflow, such as 'Verify reactivity with Vue DevTools' or 'Check for memory leaks in composables'
DimensionReasoningScore

Conciseness

Contains some unnecessary content like the role definition paragraph and 'Knowledge Reference' section that Claude already knows. The 'When to Use This Skill' section largely duplicates the description. However, the constraints and reference table are reasonably efficient.

2 / 3

Actionability

No executable code examples provided. The skill describes what to do abstractly ('Use ref() for primitives') but never shows actual implementation. The 'Output Templates' section promises component files but doesn't provide any concrete examples.

1 / 3

Workflow Clarity

The 5-step 'Core Workflow' provides a sequence but lacks validation checkpoints or feedback loops. No guidance on what to verify between steps or how to handle errors. The workflow is generic and could apply to any framework.

2 / 3

Progressive Disclosure

Well-structured reference table with clear topic-to-file mapping and 'Load When' context. References are one level deep with clear signaling. The main file serves as an appropriate overview pointing to detailed materials.

3 / 3

Total

8

/

12

Passed

Activation

72%

The description excels at trigger term coverage and distinctiveness, making it easy for Claude to identify when this Vue-specific skill should be selected. However, it lacks concrete action descriptions - it tells you what technologies it covers but not what it actually does with them (e.g., 'build components', 'configure SSR', 'set up mobile builds').

Suggestions

  • Add concrete actions at the beginning: 'Build Vue 3 components, configure Nuxt SSR/SSG, create Quasar mobile apps, manage state with Pinia.'
  • Specify what capabilities the skill provides beyond just listing frameworks (e.g., 'scaffolding', 'debugging', 'optimization', 'deployment configuration').
DimensionReasoningScore

Specificity

Names the domain (Vue 3 applications) and lists technologies (Composition API, Nuxt 3, Quasar, Pinia, TypeScript, PWA, Capacitor, Vite), but doesn't describe concrete actions like 'create components', 'configure routing', or 'set up state management'.

2 / 3

Completeness

Has 'Use when' and 'Invoke for' clauses which address when to use it, but the 'what does this do' is weak - it only lists technologies without explaining what actions or capabilities the skill provides.

2 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'Vue 3', 'Composition API', 'Nuxt 3', 'Quasar', 'Pinia', 'TypeScript', 'PWA', 'Capacitor', 'Vite' - these are all terms developers naturally use when seeking help with this stack.

3 / 3

Distinctiveness Conflict Risk

Very specific to the Vue/Nuxt/Quasar ecosystem with distinct triggers like 'Quasar', 'Nuxt 3', 'Capacitor mobile apps' - unlikely to conflict with React, Angular, or general JavaScript skills.

3 / 3

Total

10

/

12

Passed

Reviewed

Table of Contents

ValidationImplementationActivation

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.