dev-performance-instancing
Über
Diese Fähigkeit bietet Instanced Rendering für React Three Fiber, um tausende identische Objekte wie Bäume oder Partikel mit einem einzigen Draw Call effizient darzustellen. Verwenden Sie sie, wenn Sie viele Objekte mit derselben Geometrie und demselben Material rendern müssen, insbesondere wenn die Draw Calls 100 überschreiten. Sie implementiert das Instances/Instance-Muster aus drei, um die Leistung dramatisch zu verbessern.
Schnellinstallation
Claude Code
Empfohlennpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-instancingKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
when-profiling-performance-use-performance-profiler
AndereDiese Fähigkeit bietet umfassende Performance-Profiling-Funktionen, um die Anwendungsleistung über CPU, Arbeitsspeicher, I/O und Netzwerkdimensionen zu messen, zu analysieren und zu optimieren. Sie unterstützt Entwickler dabei, Engpässe zu identifizieren, Root-Cause-Analysen durchzuführen und Optimierungen mit Tools wie perf, Instruments und clinic.js umzusetzen. Nutzen Sie sie, wenn Sie systematische Leistungsverbesserungen durch Basislinienmessung, Erkennung und Optimierungsphasen benötigen.
when-analyzing-performance-use-performance-analysis
AndereDiese Claude Skill bietet umfassende Leistungsanalysen und Engpasserkennung für Claude Flow Swarms. Sie identifiziert Optimierungsmöglichkeiten durch Profiling und Benchmarking und liefert umsetzbare Empfehlungen. Nutzen Sie sie, wenn Sie die Leistung Ihrer aktiven Workflows analysieren und verbessern müssen.
dev-performance-performance-basics
AndereDiese Fähigkeit vermittelt Kernprinzipien zur Leistungsoptimierung in R3F/Three.js für Entwickler, wenn die FPS unter 60 fallen. Sie erläutert das kritische 16ms-Budget für 60 FPS und bietet umsetzbare Strategien wie Canvas-Konfiguration und die Reduzierung von Draw Calls. Nutzen Sie sie, um Leistungsprobleme zu diagnostizieren und wesentliche Rendering-Optimierungen umzusetzen.
when-profiling-performance-use-performance-profiler
AndereDiese Fähigkeit bietet umfassende Leistungsprofilerstellung, um Engpässe zu erkennen und Anwendungen in den Dimensionen CPU, Arbeitsspeicher, I/O und Netzwerk zu optimieren. Sie etabliert Referenzwerte, identifiziert kritische Pfade und bietet Root-Cause-Analysen mit plattformspezifischen Werkzeugen wie perf und Instruments. Nutzen Sie sie, wenn Sie die Leistung Ihrer Anwendung systematisch messen und verbessern müssen.
