animejs-animation

Advanced JavaScript animation library skill for creating complex, high-performance web animations.

Quality

28%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/animejs-animation/SKILL.md

The canonical home for this skill is animejs-animation in sickn33/agentic-awesome-skills

Quality

Content

35%Scale 1-3

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 functional anime.js timeline example but is undermined by excessive subjective language, marketing-style rhetoric, and vague mandates that don't help Claude produce better code. The actionable content (the code example) is solid but insufficient to cover the breadth of use cases described. The skill would benefit greatly from trimming fluff, adding more concrete examples, and including validation/testing guidance.

Suggestions

Remove all subjective/marketing language ('jaw-dropping', 'awards-caliber', 'feel expensive') and the hyperbolic 'ABSOLUTE MANDATE' — replace with concrete technical guidance on what makes animations effective (e.g., specific easing values, timing ranges).

Add executable code examples for the other claimed use cases: SVG path morphing, stagger patterns for grids/text, and custom cubicBezier easing definitions.

Add a validation/testing step to the workflow, such as checking animation performance with DevTools Performance panel or verifying animations render at 60fps.

Either link to separate reference files for advanced topics (SVG animation, easing reference, performance checklist) or provide inline concrete examples for each.

Dimension	Reasoning	Score
Conciseness	Significant verbosity with unnecessary filler phrases like 'jaw-dropping', 'awards-caliber', 'feel expensive and natural', 'bespoke, fluid, and heavily polished'. The 'Context' and 'When to Use' sections explain things Claude already knows. The 'ABSOLUTE MANDATE' rule is hyperbolic padding rather than useful instruction.	1 / 3
Actionability	The timeline code example is concrete and executable, which is good. However, much of the guidance is vague and subjective ('make the motion feel expensive', 'every animation should feel bespoke'). Missing concrete examples for SVG morphing, stagger patterns, and custom easing definitions that are mentioned but not demonstrated.	2 / 3
Workflow Clarity	The 4-step workflow provides a reasonable sequence for building animations, but lacks validation checkpoints. There's no guidance on testing animations, debugging timing issues, verifying performance (e.g., checking frame rates), or handling errors. For a skill involving DOM manipulation and performance concerns, validation steps are needed.	2 / 3
Progressive Disclosure	Content is reasonably structured with clear sections, but everything is inline in a single file. Advanced topics like SVG morphing, custom easing functions, and performance optimization are mentioned but neither explained nor linked to separate reference files. The skill would benefit from splitting detailed examples into referenced files.	2 / 3
	Total	7 / 12 Passed

Description

22%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.

This description is too vague and lacks both concrete actions and explicit trigger guidance. It reads more like a tagline than a functional skill description. The absence of a 'Use when...' clause and specific capabilities makes it difficult for Claude to reliably select this skill from a pool of alternatives.

Suggestions

Add a 'Use when...' clause with specific trigger scenarios, e.g., 'Use when the user asks about animating DOM elements, creating scroll animations, building interactive motion effects, or working with animation libraries like GSAP or Anime.js.'

List 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.'

Specify which animation library or libraries this skill covers (e.g., GSAP, Anime.js, Web Animations API) to improve distinctiveness and reduce conflict with general CSS or frontend skills.

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 any 'when' clause or explicit trigger guidance. 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	Contains some relevant keywords like 'JavaScript', 'animation', and 'web animations' that users might naturally say, but misses common variations like 'CSS transitions', 'GSAP', 'motion', 'easing', 'keyframes', 'animate', or specific library names.	2 / 3
Distinctiveness Conflict Risk	The mention of 'JavaScript animation library' provides some specificity, but 'web animations' is broad enough to overlap with CSS animation skills, general frontend skills, or specific animation library skills (GSAP, Framer Motion, etc.).	2 / 3
	Total	6 / 12 Passed

Validation

90%

Warnings & errors only

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: administrakt0r/AI-Agents-Safe-Coding-Skills
Path: skills/animejs-animation/SKILL.md
Commit: 7520423

Reviewed: ~16 hours ago

Table of Contents

Discovery Implementation Validation

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.