CtrlK
BlogDocsLog inGet started
Tessl Logo

motion

Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt

97

9.77x
Quality

100%

Does it follow best practices?

Impact

88%

9.77x

Average score across 3 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 a well-crafted skill description that clearly identifies the specific library (Motion Vue / motion-v), lists concrete capabilities, and includes an explicit 'Use when...' trigger clause. It uses third-person voice appropriately and provides enough specificity to distinguish it from other animation or Vue-related skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt'. These are distinct, concrete capabilities rather than vague language.

3 / 3

Completeness

Explicitly answers both what ('provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables') and when ('Use when adding animations with Motion Vue (motion-v)') with a clear 'Use when...' clause.

3 / 3

Trigger Term Quality

Includes strong natural trigger terms users would say: 'animations', 'Motion Vue', 'motion-v', 'gesture animations', 'scroll-linked effects', 'layout transitions', 'composables', 'Vue 3', 'Nuxt'. The library name and its alias are both included, covering common variations.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive — targets a specific library (Motion Vue / motion-v) for a specific framework (Vue 3/Nuxt). Unlikely to conflict with general animation skills or other framework-specific animation libraries due to the explicit library and framework naming.

3 / 3

Total

12

/

12

Passed

Implementation

100%

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-crafted skill that serves as an efficient entry point for Motion Vue animations. It provides just enough executable code to get started while clearly directing to sub-files for deeper reference. The content respects token budget, is immediately actionable, and demonstrates excellent progressive disclosure patterns.

DimensionReasoningScore

Conciseness

The content is lean and well-structured. It avoids explaining what Vue or animations are, assumes Claude's competence, and uses tables and checklists for efficient information delivery. The 'Consider alternatives' section is brief and useful for decision-making.

3 / 3

Actionability

Provides fully executable code examples for installation, Nuxt config, the Motion component, gesture animations, and scroll animations. All examples are copy-paste ready with proper imports and template structure.

3 / 3

Workflow Clarity

For this type of skill (declarative animation library), there isn't a multi-step destructive workflow requiring validation checkpoints. The skill clearly sequences: install → configure → use component, and provides clear guidance on which reference files to load based on task. The single-task nature makes this appropriate.

3 / 3

Progressive Disclosure

Excellent progressive disclosure with a concise overview in the main file and clear one-level-deep references to components.md, composables.md, and examples.md. The table and checklist format make navigation easy, and the explicit instruction to not load all files at once is a nice touch.

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
onmax/nuxt-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.