CtrlK
BlogDocsLog inGet started
Tessl Logo

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

75

Quality

92%

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

85%Weight 40%Scale 1-3

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

A well-structured, actionable workflow with clear sequencing and excellent progressive disclosure into real reference files. The only weakness is conciseness: some bullet points restate general software-engineering platitudes and the component-splitting guidance is repeated across several sections.

Suggestions

Trim generic platitudes Claude already knows (e.g. 'Readability counts: write clear, self-documenting code', 'Favor small, focused components: easier to test, reuse, and maintain') to reduce token cost.

Consolidate the three overlapping component-splitting sections ('Keep components focused', 'Apply objective split triggers', 'Entry/root and route view rule') into one to avoid restating the same split triggers.

Move the enumerated 'objective split triggers' list closer to the split taxonomy so the rule and its application read as a single decision block.

DimensionReasoningScore

Conciseness

Mostly efficient, but restates generic platitudes Claude already knows ('Readability counts', 'Favor small, focused components') and repeats the split-components guidance across three adjacent sections, which could be tightened.

2 / 3

Actionability

Gives concrete directives — default stack, SFC section ordering, required split taxonomy (container/form/list/footer), and typed-contract rules — that are specific and executable for an instruction-only skill.

3 / 3

Workflow Clarity

A clear numbered 1→5 sequence with an explicit final self-check checkpoint and a post-functionality gate on performance work.

3 / 3

Progressive Disclosure

Overview body links to one-level-deep, clearly-signaled references (all of which exist in ./references), with must-read core refs prioritized and optional features gated by requirement.

3 / 3

Total

11

/

12

Passed

Description

100%Weight 40%Scale 1-3

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, specific description that clearly states capabilities and explicit load triggers with good natural-term coverage. Minor redundancy between 'MUST be used' and 'ALWAYS use Composition API' could be tightened, but it does not hurt scoring.

DimensionReasoningScore

Specificity

Enumerates concrete stack elements — 'Composition API with `<script setup>` and TypeScript', 'Vue 3, SSR, Volar, vue-tsc' — matching the anchor for multiple specific concrete actions.

3 / 3

Completeness

Answers both what (recommends Composition API/TS, covers Vue 3/SSR/Volar/vue-tsc) and when ('Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work') with explicit triggers.

3 / 3

Trigger Term Quality

Covers natural user-facing terms — 'Vue.js tasks', '.vue files', 'Vue Router', 'Pinia', 'Vite with Vue work' — giving broad coverage of common variations.

3 / 3

Distinctiveness Conflict Risk

Clearly Vue-niched triggers; even 'Vite with Vue work' is qualified, so it is unlikely to fire for the wrong 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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
vuejs-ai/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.