r3f-interaction

React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

Quality

76%

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

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/r3f-interaction/SKILL.md

Quality

Content

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

The skill is highly actionable, packed with executable R3F snippets, but it is a monolithic 885-line reference that could be significantly leaner and split into one-level-deep reference files. It lacks multi-step workflows with validation checkpoints, though none of its operations are destructive or batch-oriented.

Suggestions

Trim the controls catalog to the 2-3 most common variants (OrbitControls, CameraControls) and move the rest (Fly, FirstPerson, Trackball, Arcball, etc.) into a references/controls.md file linked from the body, reducing the main SKILL.md substantially.

Add a short 'Common workflow' section showing a sequenced pattern (e.g., set up Canvas -> add OrbitControls -> wire pointer events -> verify interaction) so the catalog has a guiding flow rather than only isolated snippets.

Split the Selection System and Screen-Space sections into separate reference files (references/selection.md, references/coordinate-conversion.md) and link to them one level deep, improving progressive disclosure.

Dimension	Reasoning	Score
Conciseness	The body is mostly efficient TSX with light prose and assumes Claude's R3F/React knowledge, but at 885 lines it catalogs every controls variant (Orbit, Map, Fly, FirstPerson, PointerLock, CameraControls, Trackball, Arcball, Transform, Pivot), much of which could be trimmed or moved to a reference file.	3 / 5
Actionability	Nearly every section gives copy-paste-ready, executable TSX with concrete props and working snippets covering the common cases (pointer events, hover, selection, drag, keyboard, scroll).	5 / 5
Workflow Clarity	As a reference catalog rather than a multi-step process, it has clear section structure but no sequenced workflow with validation checkpoints; the 'Performance Tips' list is the closest to a sequence and lacks checkpoints.	3 / 5
Progressive Disclosure	Section headers (Pointer Events, Camera Controls, Selection System, etc.) provide reasonable navigation, but everything lives in one 885-line file with no bundle references, so large chunks (e.g., the controls catalog) that could be split into separate files are inlined.	3 / 5
	Total	14 / 20 Passed

Description

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

The description is specific, action-oriented, and cleanly answers both 'what' and 'when' with concrete trigger phrases. It is slightly held back by minor overlap with sibling R3F skills and a couple of missing natural trigger synonyms.

Dimension	Reasoning	Score
Specificity	Names the domain and lists multiple concrete actions including 'pointer events, controls, gestures, selection' and 'click detection, adding camera controls', giving comprehensive coverage of capabilities.	5 / 5
Completeness	Explicitly answers both what it does ('pointer events, controls, gestures, selection') and when to use it ('Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences').	5 / 5
Trigger Term Quality	Strong natural keyword coverage ('user input, click detection, camera controls, interactive 3D experiences') with synonyms, though the common abbreviation 'R3F' and a few phrasings users might say are not surfaced.	4 / 5
Distinctiveness Conflict Risk	A clear R3F interaction niche with distinct triggers, but it shares the React Three Fiber surface with sibling skills like r3f-fundamentals and r3f-animation, creating minor overlap risk.	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 (886 lines); consider splitting into references/ and linking	Warning

	Total	15 / 16 Passed

Repository: AzizBelhassan/timeverse
Path: .agents/skills/r3f-interaction/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.