CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

r3f-loaders

React Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading. Use when loading 3D models, textures, HDR environments, or managing loading states.

64

Quality

81%

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

SKILL.md
Quality
Evals
Security

Quality

Content

71%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 well-organized, actionable reference with clean executable examples throughout. Its main weaknesses are a monolithic single-file layout that should be split into reference files, some duplicated examples, and a few fragments that are not executable as written.

Suggestions

Split the SKILL.md into an overview plus one-level-deep reference files (e.g. references/formats.md for OBJ/FBX/STL/PLY, references/drei-hooks.md, references/suspense.md), keeping only Quick Start and the core useGLTF/useLoader patterns inline.

Remove duplicated examples: the Quick Start already shows basic useGLTF + Suspense, and preloading is demonstrated three times across sections.

Fix non-executable snippets: wrap the useTexture/useEnvironment examples in components with imports, and replace the 'useGLTF(visible ? path : null)' pattern with a conditionally rendered child component so the hook is not called with null.

DimensionReasoningScore

Conciseness

Lean and code-heavy with almost no concept-explanation padding, but the basic useGLTF pattern is duplicated (Quick Start vs. Basic Usage), preload examples appear in three sections, and comments like 'gltf contains:' restate what the type already conveys.

4 / 5

Actionability

Mostly copy-paste-ready TSX covering the common cases (GLTF, textures, environments, progress, error handling). Minor gaps: the useTexture/useEnvironment snippets are bare statements outside a component, useEffect appears without import, and the 'useGLTF(visible ? path : null)' lazy-load pattern would throw at runtime rather than defer loading.

4 / 5

Workflow Clarity

A coherent usage path is implied by section order (Quick Start, pick a loader, Suspense, progress UI, error boundary, preloading/caching, performance), though the decision path (drei hook vs. core useLoader) is never explicitly stated. No validation checkpoints are needed for this non-destructive task type.

4 / 5

Progressive Disclosure

Headers and Quick Start give clear structure, but this 600+ line single file inlines substantial reference material (OBJ/FBX/STL/PLY formats, the full drei hook catalog, Suspense variants) that belongs in separate reference files; no bundle files exist to offload it to.

3 / 5

Total

15

/

20

Passed

Description

83%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 description that follows the what-plus-when pattern with concrete API names and natural trigger phrases. It could reach top marks by adding file extensions (.glb, .gltf, .hdr) as trigger synonyms and sharpening the boundary against sibling r3f texture/material skills.

Suggestions

Add file extensions and synonyms to the trigger clause, e.g. 'Use when loading 3D models (.glb, .gltf, .fbx), textures, or HDR environments (.hdr)'.

Distinguish from sibling skills, e.g. 'Covers loading only; see r3f-textures for texture configuration.'

DimensionReasoningScore

Specificity

Lists several concrete capabilities ('useGLTF, useLoader, Suspense patterns, preloading') in a named domain, but omits items the skill body covers (caching, error handling, other model formats), leaving minor gaps in coverage.

4 / 5

Completeness

Explicitly answers both 'what' ('React Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading') and 'when' ('Use when loading 3D models, textures, HDR environments, or managing loading states') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Good natural keyword coverage ('loading 3D models, textures, HDR environments, loading states' plus the framework name), but missing common synonyms and file extensions like .glb, .gltf, or .hdr.

4 / 5

Distinctiveness Conflict Risk

Clear niche (R3F asset loading) with distinct trigger terms, but the 'textures' trigger creates minor overlap risk with the sibling r3f-textures skill referenced in See Also.

4 / 5

Total

17

/

20

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

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

Warning

Total

15

/

16

Passed

Repository

AzizBelhassan/timeverse

Path

.agents/skills/r3f-loaders/SKILL.md

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.