threejs-shaders
Comprehensive guide to Three.js shaders, covering ShaderMaterial, GLSL patterns, uniforms, and performance optimization.
Install
npx skills add https://github.com/cloudai-x/threejs-skills --skill threejs-shadersStats
| Total installs | 2,118 |
| Weekly installs | 2.1K |
| GitHub stars | 1.9K |
| First seen | Jan 20, 2026 |
| Source | @cloudai-x/threejs-skills |
Summary
- Covers ShaderMaterial vs. RawShaderMaterial, uniform types (floats, vectors, matrices, textures, arrays), and real-time uniform updates in animation loops
- Includes six common shader patterns: texture sampling, vertex displacement, Fresnel effects, noise-based effects, rim lighting, and dissolve effects
- Supports material extension via onBeforeCompile to inject custom code into built-in materials like MeshStandardMaterial
- Provides GLSL built-in function reference (math, vector, texture operations) and performance optimization patterns favoring mix/step over conditionals
Tags
Related skills
| Skill | Installs | vs threejs-shaders |
|---|---|---|
| flutter-setting-up-on-linux | 1,908 | -210 |
| threejs-postprocessing | 1,762 | -356 |
| agentation-self-driving | 2,405 | +287 |
| tanstack-query-best-practices | 2,406 | +288 |
| rivetkit-client-swiftui | 2,034 | -84 |
FAQ
- How many installs does threejs-shaders have?
- threejs-shaders has 2,118 total installs and 2.1K installs this week.
- Where is threejs-shaders hosted?
- threejs-shaders is published by @cloudai-x/threejs-skills at https://github.com/cloudai-x/threejs-skills.
- How many GitHub stars does threejs-shaders have?
- threejs-shaders has 1.9K GitHub stars.
- When was threejs-shaders first indexed?
- OrangeBot.AI first indexed threejs-shaders on Jan 20, 2026.
- How do I install threejs-shaders?
- Run: npx skills add https://github.com/cloudai-x/threejs-skills --skill threejs-shaders