CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

64

Quality

77%

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/threejs-animation/SKILL.md

The canonical home for this skill is threejs-animation in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

71%Scale 1-5

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

This is a comprehensive and highly actionable Three.js animation skill with excellent executable code examples covering keyframe animation, skeletal animation, morph targets, blending, and procedural patterns. Its main weakness is that it reads more like a complete API reference than a focused skill—it could be more concise by trimming redundant explanations and splitting detailed subsections (like all keyframe track types or procedural patterns) into separate reference files. The workflow guidance is solid but lacks explicit error handling or validation steps.

Suggestions

Split detailed reference content (all KeyframeTrack types, procedural animation patterns, animation utilities) into separate files and reference them from the main SKILL.md to improve progressive disclosure.

Remove the 'Animation System Overview' section—Claude doesn't need a conceptual explanation of what AnimationClip/Mixer/Action are when the code examples already demonstrate their usage clearly.

Add brief error handling guidance for common failure points, such as checking if clips array is empty after GLTF load or handling missing bone names, to improve workflow robustness.

DimensionReasoningScore

Conciseness

The skill is fairly comprehensive but includes some unnecessary explanations (e.g., the Animation System Overview section explaining what AnimationClip/Mixer/Action are is somewhat redundant for Claude). The code examples are generally lean, but the sheer volume of content—covering every track type, every loop mode, every utility method—makes it feel like an API reference dump rather than a focused skill. Some sections like the StringKeyframeTrack example and the full smoothDamp implementation could be trimmed.

3 / 5

Actionability

Excellent actionability throughout. Nearly every concept is accompanied by executable, copy-paste ready code examples. The GLTF loading example is complete, the animation blending example shows a realistic speed-based blending function, and procedural animation patterns include full working implementations (Spring class, smoothDamp function). All code uses proper imports and realistic patterns.

5 / 5

Workflow Clarity

The skill presents clear sequences for common workflows like loading GLTF animations (load → create mixer → get clips → play → update in loop) and crossfading. The Quick Start provides a clear entry point. However, there are no explicit validation checkpoints or error handling steps—e.g., what to do if clips array is empty, or if a bone name isn't found. The `window.mixer` pattern in the GLTF example is a code smell that could cause issues. Since this isn't a destructive/batch operation, the missing validation doesn't cap the score, but it prevents a 5.

4 / 5

Progressive Disclosure

The content is well-structured with clear section headers, but it's quite long (~350+ lines) and inlines everything. The KeyframeTrack types, procedural animation patterns, and performance tips could reasonably be split into separate reference files. The 'See Also' section at the end references related skills, which is good, but the main content itself would benefit from splitting into overview + detailed references. No bundle files exist to offload content to.

3 / 5

Total

15

/

20

Passed

Description

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

This is a well-structured skill description that clearly communicates both capabilities and trigger conditions. It uses appropriate domain-specific terminology (keyframe, skeletal, morph targets) alongside natural user language (animating objects, playing animations). Minor improvements could include adding file extensions (.glb, .gltf) and broader synonyms like '3D animation' or 'WebGL animation' to improve trigger term coverage.

DimensionReasoningScore

Specificity

Lists several specific actions: keyframe animation, skeletal animation, morph targets, animation mixing. These are concrete techniques, though it could be more comprehensive by mentioning specific Three.js classes or additional capabilities like timeline control or easing functions.

4 / 5

Completeness

Clearly answers both 'what' (keyframe animation, skeletal animation, morph targets, animation mixing) and 'when' (Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations) with explicit trigger phrases.

5 / 5

Trigger Term Quality

Includes good natural keywords like 'animating objects', 'GLTF animations', 'procedural motion', 'blending animations', 'morph targets', and 'keyframe animation'. Missing some variations like '3D animation', 'Three.js', 'WebGL animation', 'AnimationMixer', or '.glb' file extensions that users might naturally mention.

4 / 5

Distinctiveness Conflict Risk

Fairly distinct by specifying Three.js and animation-specific techniques like skeletal animation, morph targets, and GLTF animations. Minor overlap risk with a general Three.js skill or a generic animation skill, but the specific techniques help differentiate it.

4 / 5

Total

17

/

20

Passed

Validation

81%

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

Validation9 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (560 lines); consider splitting into references/ and linking

Warning

frontmatter_unknown_keys

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

Warning

Total

9

/

11

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.