skills.rest
erikhazzard
erikhazzardCOMMUNITY
Explore all skills by this author →
Website𝕏@erikhazzardGitHub

threejs__improve-performance

Diagnose and profile CPU, GPU, and physics bottlenecks in Three.js and Rapier apps.

1|1|Updated Mar 16, 2026
Search Tags:#performance#optimization#rendering#profiling#threejs#rapier#frame-time
One-click install
npx skills add https://github.com/erikhazzard/vasir --skill threejs-improve-performance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs__improve-performance
Source: https://github.com/erikhazzard/vasir/tree/main/.agents/skills/threejs__improve-performance%20
Command: npx skills add https://github.com/erikhazzard/vasir --skill threejs-improve-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Diagnose, profile, and maximize runtime performance in Three.js + Rapier. Find the real bottleneck, fix it in priority order, and preserve determinism, correctness, and gameplay semantics unless the user explicitly allows otherwise.

Core Features & Use Cases

  • Systematic bottleneck identification across CPU/GPU, rendering, and physics costs in Three.js + Rapier.
  • Priority-based intervention ladder from measurement to architectural changes, preserving determinism.
  • Rapier-specific tuning levers (sleeping, active-body sync, collider strategy, solver tuning) to improve frame times without breaking gameplay.

Quick Start

Run a guided performance audit on a Three.js + Rapier project, then implement the top recommended fixes in order.

Frequently Asked Questions about threejs__improve-performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify what is causing frame rate drops in a Three.js and Rapier application?▼

Identify frame rate drops by profiling bottlenecks across GPU, CPU, and Rapier physics subsystems, then apply an evidence-driven intervention ladder from measurement to architecture changes to hit your frame budget.

What is the best way to profile Three.js rendering performance?▼

The best way to profile Three.js rendering is to use concrete instrumentation to isolate GPU and CPU costs, systematically applying patch-level guidance to verify improvements and guard against regressions.

How can I optimize Rapier physics to improve frame time without breaking gameplay?▼

Optimize Rapier physics by tuning sleeping behavior, active-body sync, collider strategy, and solver tuning to reduce frame time while preserving determinism and gameplay semantics.

Why does my Three.js frame budget fluctuate during physics simulations?▼

Frame budgets fluctuate during physics simulations due to unsynchronized active-body updates or solver bottlenecks, requiring systematic profiling to isolate the Rapier subsystem causing the spike.

Can I tune Rapier solver settings to improve Three.js realtime performance?▼

Yes, you can tune Rapier solver settings and collider strategies to improve Three.js realtime performance, applying an evidence-driven approach to ensure fixes are verified and preserve determinism.

How do I fix performance regressions after optimizing Three.js rendering?▼

Fix performance regressions by applying patch-level guidance with concrete measurements, ensuring that any architectural changes to rendering or Rapier physics are verified against your target frame budget.

Related Skills

Explore More Software Engineering Skills→
Hack23Hack23
8

3d-combat-systems

Integrate Rapier physics and deterministic damage calculations for Three.js 3D combat.

Official
Advanced
EcoPasteHubEcoPasteHub
7.3k

trellis-break-loop

Analyze bug fixes to identify root causes and update specs.

Official
Advanced
Impertio-StudioImpertio-Studio
11

threejs-errors-performance

Diagnose and resolve performance bottlenecks in Three.js scenes.

Official
Advanced
Exia-thdExia-thd

threejs-engineer

Build Three.js web games with ECS architecture and WebGPU rendering.

Community
Advanced