CtrlK
BlogDocsLog inGet started
Tessl Logo

r3f-materials

React Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working with textures, or implementing visual effects.

68

Quality

83%

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

82%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, highly actionable R3F materials reference dominated by executable examples with minimal fluff. Its only real weakness is monolithic inline content with no bundle-file decomposition despite its length.

DimensionReasoningScore

Conciseness

The body is mostly lean executable code with one-line intros and useful inline value comments ('roughness={1} // 0 = mirror, 1 = diffuse'); it assumes Claude's competence, though the ~600-line volume and some redundant glass examples could be trimmed.

4 / 5

Actionability

Fully executable, copy-paste-ready TSX components cover the common cases (PBR, glass, car paint, fabric, reflective floor, distort, transmission), with the overview table guiding material selection.

5 / 5

Workflow Clarity

As a reference skill it has no fragile multi-step workflow requiring validation, but content is clearly organized by material type with practical patterns (dynamic updates, shared materials, multi-material, caching) that make application unambiguous.

4 / 5

Progressive Disclosure

Good structure with a clear overview table, per-material sections, and a 'See Also' pointing to r3f-shaders/r3f-textures/r3f-lighting; no bundle files exist, and the single inline file is well-organized though some property reference bulk could be split out.

4 / 5

Total

17

/

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 with an explicit 'Use when' trigger clause and concrete actions covering the materials domain. Its main weakness is minor overlap with related texture/shader skills and category-style phrasing in the 'what' half.

DimensionReasoningScore

Specificity

The 'Use when' clause lists four concrete actions ('styling meshes, creating custom materials, working with textures, or implementing visual effects'), but the 'what' half names categories ('PBR materials, Drei materials, shader materials, material properties') rather than actions, leaving minor coverage gaps.

4 / 5

Completeness

It explicitly answers both what ('React Three Fiber materials - PBR materials, Drei materials, shader materials, material properties') and when ('Use when styling meshes, creating custom materials, working with textures, or implementing visual effects') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural R3F-user terms appear ('materials', 'meshes', 'textures', 'PBR', 'custom materials', 'visual effects', 'shader materials'), giving good keyword coverage, though a few common variants (e.g. 'shaders', 'roughness/metalness') are absent.

4 / 5

Distinctiveness Conflict Risk

'React Three Fiber materials' is a clear niche with distinct triggers, but 'working with textures' and 'shader materials' overlap with sibling skills (r3f-textures, r3f-shaders), creating minor conflict risk.

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

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

Warning

Total

15

/

16

Passed

Repository
AzizBelhassan/timeverse
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.