prag-matt-ic/threenix
Threenix references and skills for Three.js developers.
Add a custom TSL scene background to an existing React Three Fiber WebGPU Canvas. Use when the user invokes $background-node or asks for a custom background node in a WebGPU R3F scene.
Review and refactor Three.js and React Three Fiber code for performance and clarity. Use when the user invokes $best-practices or asks for a Three.js or R3F best-practices review.
Use the following Clean Code Checklist to review and refactor the current file's code.
Review and refactor TSL shader node graphs for performance, clarity, and portability. Use when the user invokes $optimize-shader or asks to optimize Three.js Shading Language (TSL) code.
Implement a GPU compute fireworks component in an existing React Three Fiber WebGPU scene. Use when the user invokes $particles-fireworks or asks to add the Threenix fireworks effect to an existing R3F WebGPU Canvas.
Create a React Three Fiber WebGPU canvas from the bundled Threenix reference. Use when the user invokes $setup-canvas or asks to create or set up a WebGPU Canvas.
Review the most recent commit for duplication, unnecessary complexity, and verbose documentation. Use when the user invokes $simplify or asks for a review focused on simplifying HEAD.