r3f-best-practices
✓Best Practices für das React Three Fibre (R3F)- und Poimandres-Ökosystem. Wird zum Schreiben, Überprüfen oder Optimieren von R3F-Code verwendet. Wird bei Aufgaben ausgelöst, die @react-drei/fiber, @react-drei/drei, zustand, @react-drei/postprocessing, @react-drei/rapier oder leva betreffen.
Installation
SKILL.md
Comprehensive guide for React Three Fiber and the Poimandres ecosystem. Contains 60+ rules across 11 categories, prioritized by impact.
| 1 | Performance & Re-renders | CRITICAL | perf- | | 2 | useFrame & Animation | CRITICAL | frame- | | 3 | Component Patterns | HIGH | component- | | 4 | Canvas & Setup | HIGH | canvas- | | 5 | Drei Helpers | MEDIUM-HIGH | drei- | | 6 | Loading & Suspense | MEDIUM-HIGH | loading- | | 7 | State Management | MEDIUM | state- |
| 8 | Events & Interaction | MEDIUM | events- | | 9 | Post-processing | MEDIUM | postpro- | | 10 | Physics (Rapier) | LOW-MEDIUM | physics- | | 11 | Leva (Debug GUI) | LOW | leva- |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/emalorenzo/three-agent-skills --skill r3f-best-practices- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist r3f-best-practices?
Best Practices für das React Three Fibre (R3F)- und Poimandres-Ökosystem. Wird zum Schreiben, Überprüfen oder Optimieren von R3F-Code verwendet. Wird bei Aufgaben ausgelöst, die @react-drei/fiber, @react-drei/drei, zustand, @react-drei/postprocessing, @react-drei/rapier oder leva betreffen. Quelle: emalorenzo/three-agent-skills.
Wie installiere ich r3f-best-practices?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/emalorenzo/three-agent-skills --skill r3f-best-practices Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/emalorenzo/three-agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01