animejs-animation

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

Quality

36%

Does it follow best practices?

Impact

—

No eval scenarios have been run

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/antigravity-awesome-skills-claude/skills/animejs-animation/SKILL.md

Quality

Content

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 reasonable starting point for anime.js usage with one solid code example and a clear workflow structure. However, it suffers from subjective/motivational language that wastes tokens, covers only one use case concretely despite listing several, and lacks validation steps or debugging guidance. The skill would benefit significantly from more executable examples and less aspirational prose.

Suggestions

Replace subjective language ('jaw-dropping', 'ABSOLUTE MANDATE', 'feel expensive') with concrete technical guidance — e.g., specific easing values for different motion types, or a table of recommended easing functions by use case.

Add executable code examples for the other mentioned use cases: SVG path morphing with `anime({ targets: '.path', d: [...] })`, staggered grid reveals, and user-input-driven animations.

Add a validation/debugging section: how to inspect animation performance (e.g., Chrome DevTools Performance tab, checking for layout thrashing), and common pitfalls like animating properties that trigger reflow.

Either create bundle reference files for advanced topics (SVG morphing, custom easing catalog, performance optimization) or remove those claims from the skill to keep scope honest.

Dimension	Reasoning	Score
Conciseness	Contains some unnecessary filler ('lightweight but extremely powerful', 'jaw-dropping', 'awards-caliber', 'feel expensive and natural') and motivational language that doesn't add actionable value. The 'ABSOLUTE MANDATE' rule is verbose and subjective rather than technically useful. However, the core code example and workflow are reasonably focused.	2 / 3
Actionability	Provides one concrete, executable code example with timeline and stagger usage, which is good. However, it lacks examples for several mentioned use cases (SVG path morphing, spring physics details, responsive animations, user-input-driven animations). The guidance on performance ('use will-change') is vague and incomplete. Key details like how to include the library or version-specific API differences are missing.	2 / 3
Workflow Clarity	The 4-step workflow provides a reasonable sequence for building animations, but lacks any validation or verification steps. There's no guidance on how to test animations, debug timing issues, check performance metrics, or handle errors. For a skill involving DOM manipulation and performance-sensitive operations, the absence of feedback loops or checkpoints is a gap.	2 / 3
Progressive Disclosure	The content is organized into clear sections (When to Use, Workflow, Rules, Limitations), which is good. However, there are no bundle files or references to supplementary materials for the advanced topics mentioned (SVG morphing, custom easing functions, complex staggering patterns). All content is inline in a single file, and topics like SVG animation and interactive kinetic UI are mentioned but never elaborated on anywhere.	2 / 3
	Total	8 / 12 Passed

Description

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 natural keyword coverage. It reads more like a tagline than a functional skill description, making it difficult for Claude to reliably select this skill over other web development or animation-related skills.

Suggestions

Add a 'Use when...' clause with specific trigger terms like 'animate elements', 'GSAP', 'tweening', 'scroll animation', 'motion effects', 'keyframe animation'.

List concrete actions the skill performs, e.g., 'Creates keyframe animations, builds scroll-triggered transitions, configures easing functions, animates SVG paths, sequences complex animation timelines'.

Specify which animation library or libraries this skill covers (e.g., GSAP, Anime.js, Framer Motion) to improve distinctiveness and reduce conflict with general 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 animations) but provides no 'when' clause or explicit trigger guidance. There is no 'Use when...' or equivalent, which per the rubric should cap completeness at 2, and the 'what' is too vague to even reach that level.	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 library' narrows the domain somewhat, it could easily overlap with general CSS/web development skills, frontend UI skills, or any skill involving visual effects on the web.	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: sickn33/antigravity-awesome-skills
Commit: c59011f

Reviewed: 1 day 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.