animejs-animation
Advanced JavaScript animation library skill for creating complex, high-performance web animations.
38
36%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./plugins/antigravity-awesome-skills-claude/skills/animejs-animation/SKILL.mdQuality
Discovery
22%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
The description is too vague and lacks concrete actions, explicit trigger guidance, and a 'Use when...' clause. It reads more like a tagline than a functional skill description. The domain (JavaScript animations) is identifiable but not sufficiently detailed to distinguish it from other frontend or animation skills.
Suggestions
Add a 'Use when...' clause with explicit triggers, e.g., 'Use when the user asks about animating DOM elements, creating scroll animations, building motion effects, or mentions libraries like GSAP, Anime.js, or Framer Motion.'
List specific concrete actions the skill performs, e.g., 'Creates keyframe animations, builds scroll-triggered transitions, animates SVG paths, configures easing functions, and orchestrates complex animation timelines.'
Include natural trigger terms users would say, such as 'animate', 'transition', 'motion', 'easing', 'tweening', 'parallax', 'scroll animation', and specific library names if applicable.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | The description says 'creating complex, high-performance web animations' which is vague. It does not list any concrete actions like 'create keyframe animations', 'animate SVG elements', 'build scroll-triggered transitions', etc. | 1 / 3 |
Completeness | The description weakly addresses 'what' (creating web animations) but completely lacks a 'when' clause or any explicit trigger guidance for when Claude should select this skill. Per the rubric, a missing 'Use when...' clause caps completeness at 2, and the 'what' is also vague, so this scores a 1. | 1 / 3 |
Trigger Term Quality | It includes some relevant keywords like 'JavaScript', 'animation', and 'web animations' that users might naturally say, but misses common variations like 'CSS transitions', 'motion', 'easing', 'GSAP', 'tweening', 'keyframes', or specific library names. | 2 / 3 |
Distinctiveness Conflict Risk | While 'JavaScript animation' is somewhat specific, it could overlap with general CSS/frontend skills, UI component skills, or other animation-related skills. It doesn't specify a particular library or narrow enough niche to be clearly distinct. | 2 / 3 |
Total | 6 / 12 Passed |
Implementation
50%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
The skill provides a decent starting point for anime.js usage with one good executable example, but it over-indexes on motivational language ('jaw-dropping', 'bespoke', 'heavily polished') at the expense of concrete, actionable guidance. The workflow lacks validation steps, and several key capabilities mentioned (SVG morphing, custom easing, interactive animations) are described but not demonstrated with code examples.
Suggestions
Add concrete, executable code examples for SVG path animation and custom easing functions, since these are highlighted as key use cases but lack demonstrations.
Remove motivational/subjective language ('jaw-dropping', 'feel expensive', 'ABSOLUTE MANDATE') and replace with specific, measurable guidance (e.g., target frame rates, specific easing values for common scenarios).
Add a validation/testing step to the workflow, such as checking animation frame rate with DevTools Performance panel or verifying `will-change` usage doesn't cause layer explosion.
Trim the 'Context' and 'When to Use' sections which overlap significantly, and use the saved tokens for additional practical examples.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Contains some unnecessary filler ('lightweight but extremely powerful', 'jaw-dropping', 'awards-caliber interactive sites', 'feel expensive and natural') and the 'Context' section largely restates what Claude already knows. The 'When to Use' section is somewhat verbose but provides useful trigger conditions. The 'ABSOLUTE MANDATE' rule is more motivational than instructional. | 2 / 3 |
Actionability | The timeline code example is concrete and executable, which is good. However, the skill lacks breadth of examples—there's no SVG morphing example, no stagger example beyond the basic one embedded in the timeline, and no example of custom easing functions despite emphasizing them. Key advertised capabilities (SVG path animation, spring physics, interactive animations) lack concrete code. | 2 / 3 |
Workflow Clarity | The 4-step workflow provides a reasonable sequence but lacks validation checkpoints—there's no mention of testing animations, checking performance metrics, or verifying rendering across browsers. For a skill involving DOM manipulation and performance-sensitive operations, the absence of any verification step is a gap. | 2 / 3 |
Progressive Disclosure | The content is reasonably organized with clear sections, but everything is in a single file with no references to supporting materials. Given the breadth of topics mentioned (SVG morphing, staggering patterns, easing functions, performance optimization), separate reference files for advanced examples or an easing cheatsheet would improve navigation. However, the skill is under 50 lines of core content, so this is a minor issue. | 2 / 3 |
Total | 8 / 12 Passed |
Validation
90%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
frontmatter_unknown_keys | Unknown frontmatter key(s) found; consider removing or moving to metadata | Warning |
Total | 10 / 11 Passed | |
- Repository
- sickn33/antigravity-awesome-skills
- Commit
0839f85
- 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.