CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

animejs-animation

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

Quality

67%

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-claude/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 actionable, anchored by a solid executable timeline example, with a clear execution workflow and no progressive-disclosure debt. The main weakness is marketing-flavored padding in the Context and Strict Rules sections that spends tokens on hype instead of instruction.

Suggestions

Cut the Context section's hype ('jaw-dropping', 'awards-caliber', 'feel expensive') and keep only the operational signal: when to reach for Anime.js over CSS transitions.

Add the missing executable details: how to import/load Anime.js, and a short SVG path animation example since it is a listed trigger use case.

DimensionReasoningScore

Conciseness

The body is mostly efficient — one code example, no explanation of basics Claude already knows — but the Context section ('jaw-dropping web animations', 'awards-caliber interactive sites') and Strict Rules puffery ('make the motion feel expensive', 'bespoke, fluid, and heavily polished') are unnecessary padding that could be trimmed. More than minor over-explanation, so below anchor 4.

3 / 5

Actionability

Provides a complete, executable anime.timeline() example with stagger(), timeline offsets, and concrete API names (spring, cubicBezier, will-change: transform, opacity). Not a 5 because import/setup is omitted and SVG path animation — a listed use case — gets no code or API specifics.

4 / 5

Workflow Clarity

A clear 4-step sequence (Identify Targets → Define Properties & Easing → Orchestrate Timelines → Implement) with concrete detail per step. Falls short of anchor 5 because there are no validation or verification checkpoints (e.g., verifying motion performance or visual result), though no destructive/batch cap applies.

4 / 5

Progressive Disclosure

The skill is under 50 lines, has no bundle directories (references/scripts/assets do not exist), and needs none — content is split across well-organized sections (Context, When to Use, Execution Workflow, Strict Rules). Per the simple-skill scoring note, well-organized sections alone earn 5 here.

5 / 5

Total

16

/

20

Passed

Description

50%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 but reads as a label with buzzword padding rather than a capability statement. Its biggest deficiency is the complete absence of 'when to use' trigger guidance, which caps completeness and weakens trigger-term quality and distinctiveness.

Suggestions

Add a 'Use when...' clause with concrete trigger phrases, e.g. 'Use when the user asks for web animations, motion effects, staggered reveals, timeline choreography, or animated SVG paths.'

Replace buzzword padding ('Advanced', 'complex', 'high-performance') with 2-3 more specific capabilities, e.g. 'Build multi-stage animation timelines, staggered grid/text reveals, and SVG path morphing with Anime.js.'

Include natural synonyms and specificity that separate it from CSS-transition or generic UI skills — mention 'motion', 'kinetic UI', 'landing page animations' as trigger terms.

DimensionReasoningScore

Specificity

The description names the domain ('JavaScript animation library') and one action ('creating complex, high-performance web animations'), but offers no other concrete capabilities (timelines, staggering, SVG) and pads with buzzwords 'Advanced' and 'high-performance'. It sits at the 1-2 concrete actions anchor, below anchor 4 which requires several specific actions.

3 / 5

Completeness

The 'what' is stated (a skill for creating web animations with a JS animation library) but the 'when' is entirely missing — no 'Use when...' clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines.

3 / 5

Trigger Term Quality

Relevant keywords exist ('JavaScript', 'animation', 'web animations') but common variations users would say — motion, transitions, stagger, timeline, animate — are absent, and there is no natural trigger phrasing at all. Matches 'some relevant keywords but missing common variations or synonyms', below anchor 4's good coverage.

3 / 5

Distinctiveness Conflict Risk

'JavaScript animation library' is somewhat specific, but the generic 'web animations' framing with no explicit triggers means a CSS-transition or UI-polish skill could plausibly fire on the same requests. Fits 'somewhat specific but could still overlap with similar skills' rather than anchor 4's 'mostly distinct'.

3 / 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.

Validation — 15 / 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

Path

plugins/AI-Agents-Safe-Coding-Skills-claude/skills/animejs-animation/SKILL.md

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.