CtrlK
BlogDocsLog inGet started
Tessl Logo

animejs-animation

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

55

Quality

62%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/animejs-animation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is well-structured and provides a runnable, idiomatic anime.js example with a clear workflow, but it carries some hype-laden editorial tone that does not earn its tokens.

Suggestions

Trim subjective marketing language ("jaw-dropping", "awards-caliber", "ABSOLUTE MANDATE") in favor of concrete technical guidance.

Add a brief validation/verification checkpoint (e.g., confirm animations run at 60fps or reduce-motion fallback) to strengthen the workflow.

Show a minimal `anime.stagger()` usage directly in the code block rather than only naming it in the Strict Rules.

DimensionReasoningScore

Conciseness

The body is mostly efficient with a tight code example and labeled sections, but editorial flair like "jaw-dropping", "awards-caliber", and the emphatic "ABSOLUTE MANDATE ... DO NOT build common, boring transitions" pads the skill with tone Claude already understands rather than substance.

3 / 5

Actionability

It provides a concrete, runnable timeline code block using real `anime.timeline()`, `anime.stagger()`, and a `"-=800"` offset, with specific easing values like `spring(1, 80, 10, 0)`; the only minor gap is that stagger/easing options are named rather than shown in full.

4 / 5

Workflow Clarity

The four-step "Execution Workflow" (Identify Targets → Define Properties & Easing → Orchestrate Timelines → Implement) is a clear, ordered sequence with concrete guidance at each step; it lacks an explicit validation checkpoint, but the work is non-destructive so the cap does not apply.

4 / 5

Progressive Disclosure

The skill is under 50 lines with no external references needed; it is well-organized into Context, When to Use, Execution Workflow, Strict Rules, Example, and Limitations sections, satisfying the simple-skill exception for a top score.

5 / 5

Total

16

/

20

Passed

Description

53%Weight 40%Scale 1-5

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 identifies the domain clearly and is reasonably distinct, but it omits explicit "when to use" trigger guidance and under-specifies the concrete capabilities the skill supports.

Suggestions

Add an explicit "Use when..." clause listing concrete triggers (e.g., "Use when building multi-stage timelines, staggered reveals, or animated SVG paths").

Enumerate concrete capabilities in the description (e.g., timelines, staggering, SVG morphing, easing) rather than the generic "creating complex web animations".

Include the library name "anime.js" and natural user phrases like "animate", "stagger", or "timeline" as trigger terms.

DimensionReasoningScore

Specificity

Quotes "JavaScript animation library" and "complex, high-performance web animations" — it names the domain but the only concrete action implied is "creating animations", with no enumerated capabilities like timelines, staggering, or SVG morphing that the body actually supports.

3 / 5

Completeness

It states a clear "what" ("JavaScript animation library skill for creating complex, high-performance web animations") but provides no "Use when..." clause or explicit trigger guidance, which the rubric caps at 3.

3 / 5

Trigger Term Quality

Includes "animations", "web animations", and "JavaScript animation library" but omits the natural trigger phrases a user would say (e.g., "animate", "stagger", "timeline", "SVG animation", "landing page") and any library name "anime.js".

3 / 5

Distinctiveness Conflict Risk

"Advanced JavaScript animation library" carves a fairly distinct niche with only minor overlap risk against generic CSS-animation or motion skills; it lacks the explicit trigger phrases that would push it to 5.

4 / 5

Total

13

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
sickn33/agentic-awesome-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.