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.

95

1.02x
Quality

92%

Does it follow best practices?

Impact

96%

1.02x

Average score across 6 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

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 a comprehensive 'Use when...' clause with natural trigger terms, and occupies a distinct niche. It uses proper third-person voice throughout and balances breadth of coverage with specificity of actions. The description is well-structured and would allow Claude to confidently select this skill when users ask about Vue, Nuxt, Pinia, Quasar, or related technologies.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: builds Vue 3 components with Composition API, 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 does this do' (first clause listing capabilities) AND 'when should Claude use it' with an explicit 'Use when...' clause covering multiple trigger scenarios like creating Vue 3 apps, writing composables, managing state with Pinia, building mobile apps, etc.

3 / 3

Trigger Term Quality

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

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche in the Vue 3 ecosystem. The combination of Vue 3, Nuxt 3, Pinia, Quasar, Capacitor, and Vite creates a very specific domain that is unlikely to conflict with skills for other frameworks like React, Angular, or Svelte.

3 / 3

Total

12

/

12

Passed

Implementation

85%

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 skill with strong progressive disclosure via the reference table, clear workflow with validation feedback loops, and an actionable code example. Minor weaknesses include some unnecessary content (role description, keyword list at the bottom) and a few constraints that restate things Claude already knows about Vue. Overall it's a high-quality skill that effectively balances overview content with pointers to detailed references.

Suggestions

Remove the 'Knowledge Reference' keyword list at the bottom — it provides no actionable guidance and wastes tokens.

Remove or shorten the opening role description ('Senior Vue specialist...') as it doesn't add actionable information.

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 MUST DO/MUST NOT DO lists include some items Claude already knows (e.g., 'Mutate props directly' is a well-known Vue anti-pattern).

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 patterns to use and avoid. The code example is copy-paste ready.

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', 'fix accordingly, and re-run until all tests pass'). The workflow covers the full lifecycle from analysis through testing.

3 / 3

Progressive Disclosure

Excellent use of a reference table with clear 'Load When' triggers pointing to one-level-deep reference files. The SKILL.md serves as a concise overview with quick example, constraints, and workflow, while detailed guidance is appropriately delegated to seven separate reference files.

3 / 3

Total

11

/

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.