r3f-performance

SKILL.md

Optimize render performance through draw call reduction, geometry optimization, smart loading, and profiling.

| JavaScript | < 4ms | useFrame logic, state updates | | GPU Render | < 10ms | Draw calls, shaders | | Compositing | < 2ms | Post-processing, overlays | | Buffer | 1ms | Safety margin |

A scene with 100 meshes of 1000 triangles each is slower than 1 mesh of 100,000 triangles.

R3F performance optimization—LOD (Level of Detail), frustum culling, instancing strategies, draw call reduction, frame budgets, lazy loading, and profiling tools. Use when optimizing render performance, handling large scenes, or debugging frame rate issues. Source: bbeierle12/skill-mcp-claude.

View raw