CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

vue-expert-js

Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript. Generates JSDoc-typed code with @typedef, @param, and @returns annotations for full type coverage without a TS compiler. Use when building Vue 3 applications with JavaScript only (no TypeScript), when projects require JSDoc-based type hints, when migrating from Vue 2 Options API to Composition API in JS, or when teams prefer vanilla JavaScript, .mjs modules, or need quick prototypes without TypeScript setup.

72

Quality

90%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

81%Weight 40%Scale 1-5

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

A well-structured skill body: executable code patterns covering the common cases, a validation-rich workflow, and a clear one-level-deep reference table. The main improvable areas are trimming non-operational footer content, supplying concrete verification commands, and guarding the external vue-expert references.

Suggestions

Replace the tool mentions in the Annotate and Test steps with actual commands (e.g. `npx eslint . --plugin jsdoc` and `npx vitest run`) so the validation checkpoints are directly executable.

Add a fallback note for the '../vue-expert/references/...' links (e.g. 'if vue-expert is not installed, see references/jsdoc-typing.md and references/state-management.md') so navigation doesn't break when the sibling skill is absent.

Trim the 'Knowledge Reference' section and maintainer footer — they list technologies and attribution Claude doesn't need operationally and add tokens without guidance value.

DimensionReasoningScore

Conciseness

The body is largely lean — code-heavy, no concept tutorials, constraints are terse — but the 'Knowledge Reference' line listing technologies Claude already knows ('Vue 3 Composition API, JSDoc, ESM modules, Pinia...'), the maintainer footer, and the documentation link add tokens without operational value. This matches anchor 4: efficient with minor instances that could be trimmed.

4 / 5

Actionability

The three code patterns are complete and copy-paste ready (component with JSDoc-typed props/emits, composable with @typedef/@param/@returns, cross-file typedef import) and constraints are concrete. However, verification steps name tools ('run ESLint with the JSDoc plugin (eslint-plugin-jsdoc)', 'Verify with Vitest') without an actual command line, leaving minor gaps per anchor 4.

4 / 5

Workflow Clarity

The Core Workflow is a clear Design → Implement → Annotate → Test sequence with explicit validation checkpoints and feedback loops: 'run ESLint with the JSDoc plugin... fix any missing or malformed annotations before proceeding' and 'if tests fail, revisit the relevant composable or component... re-run until the suite is green'. This matches anchor 5's explicit validation and error-recovery loop.

5 / 5

Progressive Disclosure

The reference table with a 'Load When' column is well-signaled and one level deep, and all five referenced files (jsdoc-typing.md, composables-patterns.md, component-architecture.md, state-management.md, testing-patterns.md) exist in the bundle. The gap is the three '../vue-expert/references/...' cross-references that point outside the bundle to a sibling skill and cannot be resolved if that skill isn't installed — a minor organization/navigation gap per anchor 4.

4 / 5

Total

17

/

20

Passed

Description

96%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: concrete, comprehensive capabilities paired with an explicit and varied 'Use when' clause rich in natural trigger terms. The only residual risk is overlap with the sibling vue-expert skill on requests that don't mention TypeScript either way.

DimensionReasoningScore

Specificity

Multiple concrete actions are listed — 'Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management' plus 'Generates JSDoc-typed code with @typedef, @param, and @returns annotations' — giving comprehensive, specific coverage of the skill's capabilities rather than vague claims.

5 / 5

Completeness

Both 'what' (two sentences of concrete capabilities) and 'when' are explicitly answered with a multi-clause 'Use when...' covering building, JSDoc requirements, Vue 2 migration, and team preference scenarios — exactly the anchor 5 pattern.

5 / 5

Trigger Term Quality

Natural user phrasings and synonyms are thoroughly covered: 'Vue 3', 'JavaScript only', 'no TypeScript', 'JSDoc-based type hints', 'vanilla JavaScript', '.mjs modules', 'migrating from Vue 2 Options API to Composition API'. These match anchor 5's bar for synonyms and file extensions.

5 / 5

Distinctiveness Conflict Risk

The JavaScript-only/no-TypeScript niche is sharply drawn and clearly separates it from a TypeScript Vue skill, but a generic request like 'build a Vue component' would overlap with the closely related parent vue-expert skill (declared in related-skills). This is the anchor 4 pattern — mostly distinct with minor overlap risk.

4 / 5

Total

19

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

Jeffallan/claude-skills

Path

skills/vue-expert-js/SKILL.md

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.