CtrlK
BlogDocsLog inGet started
Tessl Logo

vue-expert

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

72

Quality

88%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

77%

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

This is a well-structured Vue skill with strong actionability and workflow clarity, featuring concrete code examples, specific tooling commands, and proper validation feedback loops. The progressive disclosure design via the reference table is thoughtfully structured but undermined by the absence of any bundle files. Minor conciseness issues exist with unnecessary role framing and a keyword-dump 'Knowledge Reference' section.

Suggestions

Remove the 'Knowledge Reference' keyword list and the role description sentence — they consume tokens without adding actionable guidance.

Provide the seven referenced files (references/composition-api.md, etc.) as bundle files so the progressive disclosure structure actually delivers value.

DimensionReasoningScore

Conciseness

Generally efficient but includes some unnecessary content. The 'Knowledge Reference' section at the bottom is just a keyword list that adds no value. The role description ('Senior Vue specialist with deep expertise...') is unnecessary framing. The constraints section is useful but slightly verbose with parenthetical explanations Claude already knows.

2 / 3

Actionability

Provides a fully executable Vue component example with TypeScript, concrete validation commands (`vue-tsc --noEmit`), specific tool recommendations (Vitest, Vue Test Utils, Vue DevTools), and clear constraints with specific API choices (ref vs reactive, computed vs watch). The guidance is copy-paste ready and specific.

3 / 3

Workflow Clarity

The core workflow has clear sequencing with explicit validation checkpoints at steps 4 and 6, including feedback loops ('fix each issue and re-run until clean', 'inspect failure output, identify root cause, fix accordingly, and re-run until all tests pass'). The workflow appropriately gates progression on validation success.

3 / 3

Progressive Disclosure

The reference table is well-structured with clear 'Load When' triggers, which is excellent design. However, no bundle files were provided, meaning all seven referenced files (references/composition-api.md, etc.) are missing. The skill cannot deliver on its progressive disclosure promises, and we cannot verify the referenced content exists or is useful.

2 / 3

Total

10

/

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.

This is an excellent skill description that clearly articulates specific capabilities across the Vue 3 ecosystem, includes comprehensive trigger terms that developers would naturally use, and provides explicit 'Use when' guidance. It uses proper third-person voice throughout and is both concise and information-dense without unnecessary fluff.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: builds Vue 3 components, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds.

3 / 3

Completeness

Clearly answers both 'what' (builds components, configures projects, sets up stores, scaffolds apps, implements PWA, optimises builds) and 'when' with an explicit 'Use when...' clause listing specific trigger scenarios.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: Vue 3, Composition API, composables, Pinia, Quasar, Capacitor, PWA, service workers, Vite, TypeScript, Nuxt 3, SSR/SSG, hybrid mobile apps. These are all terms developers would naturally use when seeking help in this domain.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche in the Vue 3/Nuxt 3/Pinia/Quasar/Capacitor ecosystem. The combination of these specific frameworks and tools makes it very unlikely to conflict with other skills, such as a generic JavaScript or React skill.

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
Jeffallan/claude-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.