r3f-animation

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.

Quality

82%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

65%

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

A thorough, highly actionable R3F animation reference with many executable examples, but it is a monolithic ~1000-line document that underuses progressive disclosure and could be tightened by splitting advanced topics into reference files. It lacks multi-step workflows with validation, which fits a reference skill but caps workflow clarity.

Suggestions

Split advanced sections (skeletal animation, morph targets, performance and state management) into reference files under references/ and link to them from SKILL.md to apply progressive disclosure and reduce the main file's token load.

Reduce repeated boilerplate across examples (e.g., useGLTF loading plus ref setup) by showing it once and referencing it, or extract the shared setup into a reusable snippet.

For genuinely multi-step flows such as crossfade or animation blending, present an explicit sequenced checklist with verification steps rather than only standalone snippets.

Dimension	Reasoning	Score
Conciseness	The body is ~1000 lines with much repeated boilerplate (useGLTF loading and ref setup recur across many examples); it is mostly code but the volume could be tightened and advanced sections split out rather than left inline.	2 / 3
Actionability	Numerous complete, executable, copy-paste-ready TSX examples cover useFrame, useAnimations, springs, morph/skeletal animation, and drei helpers with specific props and config values.	3 / 3
Workflow Clarity	Organized as a topical catalog with a clear Quick Start, but it contains no explicit multi-step workflow with validation checkpoints, and as a >50-line reference it does not qualify for the simple-skill exception.	2 / 3
Progressive Disclosure	A monolithic single-file reference with no bundle files; advanced material (skeletal animation, morph targets, performance/state patterns) that should live in separate reference files is inline, though the internal section organization is good.	2 / 3
	Total	9 / 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.

A strong, well-structured description that names specific APIs and concrete actions, provides natural trigger terms, and explicitly covers both what the skill does and when to use it. Voice is appropriate third-person/imperative and the niche is clearly distinct.

Dimension	Reasoning	Score
Specificity	Names concrete APIs and actions — 'useFrame, useAnimations, spring physics, keyframes' plus 'animating objects, playing GLTF animations, creating procedural motion, implementing physics-based movement' — matching the multiple-specific-actions anchor.	3 / 3
Completeness	Explicitly states what it does (R3F animation with named APIs) and when to use it ('Use when animating objects, playing GLTF animations...'), satisfying both the what and the when.	3 / 3
Trigger Term Quality	'animating objects', 'GLTF animations', 'procedural motion', 'physics-based movement', 'spring physics', and 'keyframes' are natural terms a user would say when requesting animation work, giving good coverage.	3 / 3
Distinctiveness Conflict Risk	Scoped narrowly to 'React Three Fiber animation' with distinct animation-specific triggers, making it unlikely to fire for unrelated skills.	3 / 3
	Total	12 / 12 Passed

Validation

93%

Warnings & errors only

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

Criteria	Description	Result
skill_md_line_count	SKILL.md is long (1007 lines); consider splitting into references/ and linking	Warning

	Total	15 / 16 Passed

Repository: zebbern/claude-code-guide
Path: skills/r3f-animation/SKILL.md
Commit: af7d491

Reviewed: about 9 hours ago

Table of Contents

Discovery Implementation Validation

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.