CtrlK
BlogDocsLog inGet started
Tessl Logo

animejs-animation

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

53

Quality

60%

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 ./plugins/AI-Agents-Safe-Coding-Skills/skills/animejs-animation/SKILL.md

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

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 gives a solid executable example with a clear workflow, but it is padded with superlative marketing language and would benefit from a second example covering its SVG use case. Progressive disclosure is appropriately handled for a compact, self-contained skill.

Suggestions

Trim marketing superlatives ('jaw-dropping', 'awards-caliber', 'ABSOLUTE MANDATE') to pure actionable guidance to recover token budget.

Add a brief executable SVG path-drawing/morphing example to cover the use case listed under 'When to Use'.

Add a small verification/preview checkpoint (e.g., 'preview in the target browser; check for jank on low-end devices') to close the workflow's validation gap.

DimensionReasoningScore

Conciseness

The body is mostly efficient with clear sections, but carries noticeable marketing fluff ('jaw-dropping', 'awards-caliber', 'feel expensive and natural', 'ABSOLUTE MANDATE') that pads without adding actionable information, fitting the 'mostly efficient but includes some unnecessary explanation' anchor.

3 / 5

Actionability

It provides a concrete, copy-paste-ready timeline example using real API calls (anime.timeline, anime.stagger, spring easing), but only one example and no snippet for the SVG-morph use case it lists, matching 'mostly executable guidance with minor gaps'.

4 / 5

Workflow Clarity

A clear four-step sequence (Identify Targets -> Define Properties/Easing -> Orchestrate Timelines -> Implement) is present; verification is light (a performance-monitoring rule) but animation is non-destructive so the destructive-cap does not apply, fitting 'clear sequence with minor validation gaps'.

4 / 5

Progressive Disclosure

The skill is short and self-contained with well-organized sections (Context, When to Use, Execution Workflow, Strict Rules) and no nested or broken references, so per the simple-skill note well-organized sections alone earn a 5.

5 / 5

Total

16

/

20

Passed

Description

48%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 conveys a clear domain and distinct niche but is generic on specifics and lacks any explicit 'Use when' trigger guidance. It reads as marketing-leaning rather than trigger-optimized.

Suggestions

Replace the single generic action with several concrete capabilities (e.g., 'build multi-stage timelines, staggered reveals, and SVG path animations').

Add an explicit trigger clause such as 'Use when the user wants complex, choreographed, or high-fidelity web animations beyond simple CSS transitions.'

Include natural synonyms users say ('web animation', 'motion', 'stagger', 'timeline', 'anime.js') to improve trigger matching.

DimensionReasoningScore

Specificity

The description names the domain ('JavaScript animation library') but the only stated action ('creating complex, high-performance web animations') is generic and near-tautological for an animation library, matching the 'names the domain but actions are minimal or generic' anchor rather than the multi-action anchor above.

2 / 5

Completeness

It gives a clear 'what' (creating complex web animations) but has no 'Use when...' trigger clause, so per the guideline a missing explicit trigger caps completeness at 3.

3 / 5

Trigger Term Quality

It includes relevant natural keywords a user might say ('animation', 'web animations', 'JavaScript animation') but lacks synonyms and broader variations, fitting the 'some relevant keywords but missing common variations' anchor.

3 / 5

Distinctiveness Conflict Risk

'JavaScript animation library for web animations' carves a fairly distinct niche with only minor overlap risk against closely related motion/CSS-animation skills, matching the 'mostly distinct; minor overlap risk' anchor.

4 / 5

Total

12

/

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
administrakt0r/AI-Agents-Safe-Coding-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.