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

83%

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

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

A broad, highly actionable R3F animation cookbook with executable examples and lean prose, but it is a monolithic single-file reference with no progressive disclosure to bundle files despite its size.

Suggestions

Move the detailed GLTF animation-control and spring-config reference tables into a references/ file (e.g. ANIMATION-REFERENCE.md), keeping only a Quick Start and key examples inline in SKILL.md.

Consolidate the overlapping 'Animation with Zustand State' and 'State Management Performance' sections to remove redundant getState()/subscription examples.

Add a brief navigational index at the top pointing to each major pattern section so users can jump to the relevant recipe without scanning the whole file.

Dimension	Reasoning	Score
Conciseness	Prose is lean and code-forward with terse comments, assuming Claude's competence; minor redundancy across the Zustand/state-management sections and overlapping oscillation/spring examples could be trimmed.	4 / 5
Actionability	Nearly every section provides copy-paste-ready, executable TSX with imports and covers the common cases (crossfade, blending, spring presets, gestures, chaining); only trivial `...` placeholders appear.	5 / 5
Workflow Clarity	Well-organized by topic with a Quick Start onboarding sequence and clear section headers; no multi-step destructive workflow is present, so no validation checkpoints are required, but it is a reference rather than a sequenced process.	4 / 5
Progressive Disclosure	Good in-file section structure, but no bundle files exist and the entire ~1000-line reference (GLTF control, spring config, skeletal/morph patterns) is inlined in SKILL.md rather than split into one-level-deep reference files.	3 / 5
	Total	16 / 20 Passed

Description

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

A strong, concise description that states concrete capabilities and gives explicit, natural trigger guidance in third-person imperative form. It clearly answers both what the skill does and when to use it with minimal conflict risk.

Dimension	Reasoning	Score
Specificity	Lists several concrete capabilities ("useFrame, useAnimations, spring physics, keyframes") plus four distinct action verbs in the trigger; minor gaps vs. the body's full coverage (morph targets, skeletal, drei helpers).	4 / 5
Completeness	Explicitly answers both what (the four named APIs/concepts) and when (a full "Use when..." clause with concrete trigger phrases), matching the 5-anchor example.	5 / 5
Trigger Term Quality	Natural phrases users would say ("animating objects", "playing GLTF animations", "procedural motion", "physics-based movement") with good keyword coverage; a few synonyms (e.g. "3D animation", ".glb") are missing.	4 / 5
Distinctiveness Conflict Risk	"React Three Fiber animation" carves a clear niche with distinct animation-specific triggers and minimal overlap risk with general R3F or scene-setup skills.	5 / 5
	Total	18 / 20 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: AzizBelhassan/timeverse
Path: .agents/skills/r3f-animation/SKILL.md
Commit: 9dc2cb4

Reviewed: ~15 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.