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.

76

Quality

96%

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

The canonical home for this skill is threejs-animation in CloudAI-X/threejs-skills

SKILL.md
Quality
Evals
Security

Quality

Content

92%

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

The body is a dense, executable Three.js animation reference with lean prose and strong actionability, but it is a single monolithic ~550-line file with no progressive disclosure into separate reference materials. Splitting detailed API and utility content into referenced files would raise the progressive_disclosure score.

Suggestions

Move the detailed API listings (AnimationAction properties, AnimationClip/AnimationUtils utilities) and procedural pattern recipes into separate reference files (e.g. references/animation-api.md, references/procedural-patterns.md) and link to them from SKILL.md to improve progressive disclosure.

Add a brief 'See also' pointer or one-line summary at the top of each major section so the overview in SKILL.md can stay lean and guide navigation to deeper material.

Consider trimming the Performance Tips onBeforeRender/onAfterRender example, which mixes frustum-culling concerns with animation pause logic, into a dedicated performance reference to keep the core animation guidance focused.

DimensionReasoningScore

Conciseness

Prose is lean and assumes Claude's knowledge ('Stores keyframe animation data.', 'Plays animations on an object and its descendants.') with no padding about what Three.js or libraries are; the bulk is executable code where every example earns its place, matching the lean-and-efficient anchor.

3 / 3

Actionability

It provides extensive copy-paste-ready, executable JavaScript using real Three.js APIs (AnimationClip, AnimationMixer, AnimationAction, GLTFLoader, morphTargetInfluences), matching the fully-executable anchor.

3 / 3

Workflow Clarity

As a reference/recipe skill it has a clear Quick Start followed by well-sequenced topical sections; it involves no destructive or batch operations that would require validation checkpoints, so the clear single-purpose organization qualifies for the top anchor under the simple-skill guidance.

3 / 3

Progressive Disclosure

No bundle files exist and the entire ~550-line reference is inline in one monolithic file with content (full API listings, utilities, performance tips) that could be split into separate reference files; sections are well-organized so it is above the monolithic-wall anchor, but lacks one-level-deep references, capping it at 2.

2 / 3

Total

11

/

12

Passed

Description

100%

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 concise and well-constructed, pairing a concrete capability list with an explicit 'Use when' trigger clause and natural, low-conflict keywords. It hits the top anchor on every dimension.

DimensionReasoningScore

Specificity

The description lists multiple concrete capabilities ('keyframe animation, skeletal animation, morph targets, animation mixing') alongside concrete trigger actions ('playing GLTF animations, creating procedural motion, or blending animations'), matching the anchor that lists several specific concrete actions.

3 / 3

Completeness

It answers both 'what' (keyframe, skeletal, morph targets, animation mixing) and 'when' with an explicit 'Use when...' clause enumerating trigger situations, matching the anchor that clearly answers both what AND when.

3 / 3

Trigger Term Quality

It uses natural phrases a user would actually say ('animating objects', 'playing GLTF animations', 'procedural motion', 'blending animations') with good coverage, rather than only technical jargon, matching the highest anchor.

3 / 3

Distinctiveness Conflict Risk

The animation-specific triggers (GLTF animations, morph targets, skeletal animation) carve out a clear niche unlikely to fire for non-animation Three.js tasks, matching the anchor for a clear niche with distinct triggers.

3 / 3

Total

12

/

12

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

skill_md_line_count

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

Warning

Total

15

/

16

Passed

Repository
calesthio/OpenMontage
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.