CtrlK
BlogDocsLog inGet started
Tessl Logo

r3f-best-practices

React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @react-three/fiber, @react-three/drei, zustand, @react-three/postprocessing, @react-three/rapier, or leva.

58

Quality

66%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/r3f-best-practices/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

42%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-organized rule index with a few strong executable code examples, but its value depends on external rule files and a compiled document that are absent, so progressive disclosure fails and most rules are not actionable in situ.

Suggestions

Provide the referenced bundle files (rules/*.md and ../R3F_BEST_PRACTICES.md) or remove the broken references and inline the essential rule detail so the skill is self-contained.

De-duplicate content between the priority table, quick-reference lists, and 'Critical Patterns' to tighten the token budget.

Add at least a minimal apply/verify flow (e.g., 'check r3f-perf before and after') so the reference doubles as a guided workflow.

DimensionReasoningScore

Conciseness

The rule catalog is mostly lean one-liners without explaining R3F basics, but the priority table, quick-reference lists, and 'Critical Patterns' section repeat the same perf rules, adding redundancy that could be tightened.

2 / 3

Actionability

'Critical Patterns' provides several complete BAD/GOOD executable code blocks, but the bulk of the 70+ rules are one-line reminders whose detailed guidance lives in referenced rule files that do not exist, so the guidance is only partially copy-paste ready.

2 / 3

Workflow Clarity

The priority table and 'When to Apply' give some structure, but as a reference catalog there is no sequenced multi-step process or checkpoints; the 'How to Use' step ('Read individual rule files') points at missing files.

2 / 3

Progressive Disclosure

The body signals one-level-deep references ('rules/perf-never-set-state-in-useframe.md', '../R3F_BEST_PRACTICES.md') and there are no references/, scripts/, or assets/ bundles, so the referenced files do not exist — the claimed progressive disclosure is not actually delivered, leaving a monolithic inline catalog.

1 / 3

Total

7

/

12

Passed

Description

90%

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 with an explicit Use-when clause and rich, domain-appropriate package triggers. It is held back only by action verbs that are generic coding meta-tasks rather than concrete capabilities.

DimensionReasoningScore

Specificity

Quotes 'best practices. Use when writing, reviewing, or optimizing R3F code' and lists the Poimandres packages — names the domain and several action verbs, but the actions are generic coding meta-tasks rather than the multiple concrete capabilities the score-3 anchor wants.

2 / 3

Completeness

Explicitly answers what ('React Three Fiber (R3F) and Poimandres ecosystem best practices') and when ('Use when writing, reviewing, or optimizing R3F code. Triggers on...'), matching the score-3 anchor with an explicit Use-when clause.

3 / 3

Trigger Term Quality

'Triggers on tasks involving @react-three/fiber, @react-three/drei, zustand, @react-three/postprocessing, @react-three/rapier, or leva' gives strong coverage of the package names plus the natural shorthand 'R3F' that developers actually say.

3 / 3

Distinctiveness Conflict Risk

The R3F/Poimandres niche with specific package-name triggers is clearly distinguishable and unlikely to fire for unrelated skills.

3 / 3

Total

11

/

12

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
zebbern/claude-code-guide
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.