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.
Install with Tessl CLI
npx tessl i github:cloudai-x/threejs-skills --skill threejs-animation92
Does it follow best practices?
Validation for skill structure
Discovery
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.
This is a well-crafted skill description that follows best practices. It uses third person voice, lists specific capabilities, includes a clear 'Use when...' clause with natural trigger terms, and is distinctly scoped to Three.js animation work. The combination of technical terms and user-friendly language makes it effective for skill selection.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'keyframe animation, skeletal animation, morph targets, animation mixing' - these are distinct, technical capabilities that clearly describe what the skill does. | 3 / 3 |
Completeness | Clearly answers both what (keyframe animation, skeletal animation, morph targets, animation mixing) AND when with explicit 'Use when...' clause listing four specific trigger scenarios. | 3 / 3 |
Trigger Term Quality | Includes natural terms users would say: 'animating objects', 'playing GLTF animations', 'procedural motion', 'blending animations'. Covers both technical terms (morph targets, skeletal) and common phrases (animating objects). | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with 'Three.js' as the primary identifier and animation-specific terminology (GLTF, morph targets, skeletal animation) that clearly separates it from general animation or other 3D library skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
87%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a high-quality, comprehensive Three.js animation skill that excels in actionability and conciseness. The code examples are executable and cover the full animation system from basic procedural animation to skeletal animation, morph targets, and blending. Minor improvement could be made by adding validation checkpoints for complex workflows like GLTF loading.
Suggestions
Add validation/error handling examples for GLTF animation loading (e.g., checking if animations array is empty, handling missing clips)
Include a brief troubleshooting section for common animation issues (mixer not updating, animations not playing, weight normalization)
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is lean and efficient, jumping directly into executable code examples without explaining basic concepts Claude already knows. Every section provides actionable information without padding. | 3 / 3 |
Actionability | Excellent executable code throughout - all examples are copy-paste ready with proper imports, complete function bodies, and specific API usage. Covers the full range from basic procedural animation to complex blending scenarios. | 3 / 3 |
Workflow Clarity | While individual code examples are clear, the skill lacks explicit validation checkpoints for multi-step processes like loading GLTF animations and setting up mixers. The animation loop pattern is shown but error handling and verification steps are missing. | 2 / 3 |
Progressive Disclosure | Well-organized with clear sections progressing from Quick Start to advanced topics. References to related skills (threejs-loaders, threejs-fundamentals, threejs-shaders) are clearly signaled at the end. Content is appropriately structured for a comprehensive animation reference. | 3 / 3 |
Total | 11 / 12 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.
Validation — 13 / 16 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (553 lines); consider splitting into references/ and linking | Warning |
metadata_version | 'metadata' field is not a dictionary | Warning |
license_field | 'license' field is missing | Warning |
Total | 13 / 16 Passed | |
- 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.