r3f-fundamentals

React Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling the render loop, or working with Three.js objects in React.

Quality

85%

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 thorough, highly actionable R3F reference with strong executable examples and clean section structure. Its main weaknesses are a monolithic single-file layout with no progressive disclosure to reference files and some scope creep into Leva debugging beyond 'fundamentals'.

Suggestions

Split bulk API material (full Canvas props, the Leva debugging guide, performance patterns) into one-level-deep reference files under references/ and link to them from SKILL.md to improve progressive disclosure.

Trim or relocate the Leva section, which is a debugging tool rather than an R3F fundamental, to reduce token load.

Add a short 'Verify it runs' checkpoint after the Quick Start example so users can confirm their setup before exploring further sections.

Dimension	Reasoning	Score
Conciseness	Most sections are lean code plus a one-line intro and assume Claude's competence without re-explaining React or Three.js basics, but the ~780-line volume and the sizable Leva debugging section exceed 'fundamentals' scope and could be trimmed.	4 / 5
Actionability	Provides fully executable, copy-paste-ready TSX components throughout — Quick Start, useFrame, useThree, JSX elements, events, primitive, extend, refs, and performance patterns all give concrete runnable examples covering common cases.	5 / 5
Workflow Clarity	The Quick Start is a coherent single example and sections are well-ordered, but this is a reference skill with no multi-step workflow or validation checkpoints, so it lacks the explicit sequencing that would warrant a 5.	4 / 5
Progressive Disclosure	No bundle/reference files exist; all content (including a full Canvas API reference, performance patterns, and a large Leva guide) is inlined in one ~780-line SKILL.md, so well-organized sections cannot compensate for content that belongs in separate one-level-deep reference files.	3 / 5
	Total	16 / 20 Passed

Description

91%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, third-person description that clearly states both capabilities and trigger conditions with good natural-language coverage. It is slightly topic-list-oriented rather than action-oriented and has minor overlap with related r3f sibling skills.

Dimension	Reasoning	Score
Specificity	Enumerates concrete capability areas — 'Canvas, hooks (useFrame, useThree), JSX elements, events, refs' — naming the domain and several specific building blocks, though it lists topics more than discrete actions like 'extract' or 'fill'.	4 / 5
Completeness	Explicitly answers both 'what' (R3F fundamentals with named building blocks) and 'when' via a concrete 'Use when setting up R3F scenes, creating components, handling the render loop, or working with Three.js objects in React.' clause.	5 / 5
Trigger Term Quality	Covers natural terms users say including synonyms — 'React Three Fiber', 'R3F', 'Three.js objects in React', 'render loop', 'scenes', 'components' — with strong keyword coverage.	5 / 5
Distinctiveness Conflict Risk	Targets a clear R3F niche with distinct triggers, but sibling skills (r3f-geometry, r3f-materials, r3f-lighting, r3f-interaction) noted in See Also create minor overlap risk on shared terms like 'scenes' and 'components'.	4 / 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 (786 lines); consider splitting into references/ and linking	Warning

	Total	15 / 16 Passed

Repository: AzizBelhassan/timeverse
Path: .agents/skills/r3f-fundamentals/SKILL.md
Commit: 9dc2cb4

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