LogoClawIndex
CasesSkillsAbout
LogoClawIndex

r3f-performance - Optimize R3F Render Performance

Optimize R3F scenes through LOD, instancing, draw call reduction, lazy loading, and profiling tools

Tags

Updated: 2026-06-30
webgl3d renderingperformanceoptimizationThree.jsR3F

Capabilities

limit pixel ratioset adaptive performanceconfigure render loopapply instancing

Typical Inputs

R3F Canvas configuration3D modelstextures

Typical Outputs

Optimized render settingsInstanced meshesMerged geometries

What this skill does

  • limit pixel ratio
  • set adaptive performance
  • configure render loop
  • apply instancing
  • merge geometries
  • implement LOD
  • configure frustum culling
  • lazy load models
  • dispose resources
  • profile frame performance
  • compress textures
  • preload assets

Inputs

  • R3F Canvas configuration
  • 3D models
  • textures
  • scene geometry
  • performance data

Outputs

  • Optimized render settings
  • Instanced meshes
  • Merged geometries
  • LOD objects
  • Performance metrics

Requirements

  • R3F (React Three Fiber)
  • Three.js
  • React

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.