Free open source Agent Skill
Give your agent React Three Fiber superpowers
Review, optimize, and build React Three Fiber v10 projects with proven WebGPU and TSL patterns.
01 / Apply best practices
Solid foundations.
Improve the performance and clarity of Three.js and React Three Fiber code.
Explore best practices02 / Optimize TSL shader code
Refine every shader.
Make TSL node graphs faster and clearer without changing their visible output.
Explore TSL optimization03 / Add a Threenix component
Build from proven parts.
Discover and integrate components, hooks, scene foundations, and effects from the Threenix library.
Explore componentsPlugin skills
Review TypeScript code, optimize TSL shaders, and build your React Three Fiber v10 WebGPU scene from a solid base.
$threenix-best-practicesReview Three.js best practices
Improve the performance and clarity of Three.js and React Three Fiber code.
Explore skill →$threenix-benchmark-webgpuBenchmark WebGPU work
Measure Three.js WebGPU render or compute work with deterministic GPU timestamps.
Explore skill →$threenix-optimize-tslOptimize a TSL shader
Make TSL node graphs faster and clearer without changing their visible output.
Explore skill →$threenix-clean-codeReview code quality
Apply the Threenix clean-code checklist and make the smallest useful improvements.
Explore skill →$threenix-add-componentAdd a Threenix component
Discover and integrate components, hooks, scene foundations, and effects from the Threenix library.
Explore skill →$threenix-r3f-v10-webgpu-hooksUse R3F v10 WebGPU hooks
Choose and debug WebGPU hooks for uniforms, nodes, buffers, textures, and pipelines.
Explore skill →
Explore the Components
Touch Joystick for React
Cinematic Camera Controls in React Three Fiber with WebGPU
Fast Canvas Text in React Three Fiber with WebGPU
WebGPU Firework Particles in React Three Fiber with TSL Sprite Sheets
WebGPU Confetti Particles in React Three Fiber with a Low-Resolution Overlay Pass
GPU Linked Particles in React Three Fiber with WebGPU
Mesh Surface Sampled Particles in React Three Fiber with TSL
Scroll-Driven Image Sequence in React Three Fiber with WebGPU