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
Does it follow best practices?
Evaluation — 88%
↑ 9.77xAgent success when using this skill
Validation for skill structure
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 provides explicit trigger guidance. The combination of library-specific terminology and framework context (Vue 3/Nuxt) makes it highly distinguishable from other animation-related skills.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'motion component API, gesture animations, scroll-linked effects, layout transitions, and composables' - these are distinct, actionable capabilities. | 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') with clear trigger guidance. | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'animations', 'Motion Vue', 'motion-v', 'gesture animations', 'scroll-linked effects', 'Vue 3', 'Nuxt' - good coverage of both library names and feature terms. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with specific library names (Motion Vue, motion-v) and framework context (Vue 3/Nuxt) - unlikely to conflict with generic animation skills or other framework animation libraries. | 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 exemplifies good practices: token-efficient overview, executable code examples, clear decision guidance for when to use vs alternatives, and excellent progressive disclosure with clearly signaled reference files. The structure respects context window constraints while providing actionable guidance for common animation tasks.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Lean and efficient with no unnecessary explanations. Assumes Claude knows Vue/animation concepts. Every section serves a purpose - installation, quick reference table, and minimal code examples. | 3 / 3 |
Actionability | Provides fully executable code examples for installation, Nuxt config, Motion component usage, gestures, and scroll animations. All examples are copy-paste ready with proper imports and template structure. | 3 / 3 |
Workflow Clarity | For a library reference skill, the workflow is clear: determine use case via 'When to Use' section, install, then load relevant reference file based on task. The quick reference table provides unambiguous guidance for which file to load. | 3 / 3 |
Progressive Disclosure | Excellent structure with clear overview in main file and well-signaled one-level-deep references. The checklist format for loading files and the quick reference table make navigation easy. Explicitly instructs not to load all files at once. | 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.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- 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.