prag-matt-ic/threenix
Integrate Three.js components, review scene performance, benchmark WebGPU workloads, and optimize TSL shaders with Threenix skills.
Discover and add Threenix components, hooks, WebGPU scene foundations, and visual effects using the Threenix MCP library. Use for a named resource or a description of the desired scene feature, including first-reveal compilation warmup.
Measure Three.js WebGPU render or compute workloads with deterministic GPU timestamp fixtures. Use for standalone performance baselines or before/after comparisons, including TSL work.
Review and refactor Three.js and React Three Fiber scenes for performance and clarity. Use for scene performance reviews, excessive render-loop allocations, unnecessary React updates, and duplicated geometry, materials, or textures.
Review and refactor TypeScript and React code for readability. Use for unclear naming, complex control flow, oversized functions, and focused code-quality reviews.
Review and refactor TSL shader node graphs for performance, clarity, and portability. Use when the user invokes $threenix-optimize-tsl or asks to optimize Three.js Shading Language (TSL) code.
Choose, implement, or debug React Three Fiber v10 WebGPU hooks for TSL uniforms, node graphs, buffers, storage textures, texture loading, and render pipelines. Use for R3F v10 hook migrations and resource lifecycle issues.