threejs-shaders

Name: threejs-shaders
Author: sickn33 (Antigravity)

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

threejs shaders

Content Preview

---
name: threejs-shaders
description: Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
risk: unknown
source: community
---

# Three.js Shaders

## Quick Start

```javascript
import * as THREE from "three";

const material = new THREE.ShaderMaterial({
  uniforms: {
    time: { value: 0 },
    color: { value: new THREE.Color(0xff0000) },
  },
  vertexShader: `

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/threejs-shaders.md \
  https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/threejs-shaders/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/sickn33/antigravity-awesome-skills

Then reference at skills/threejs-shaders/SKILL.md