# Shader Dev

Comprehensive GLSL shader techniques for creating stunning visual effects, ray...

- Repository: https://github.com/MiniMax-AI/skills (13760 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-04-18
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add MiniMax-AI/skills --skill shader-dev -g -a claude-code -y`
Codex: `npx skills add MiniMax-AI/skills --skill shader-dev -g -a codex -y`
Cursor: `npx skills add MiniMax-AI/skills --skill shader-dev -g -a cursor -y`
Gemini CLI: `npx skills add MiniMax-AI/skills --skill shader-dev -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add MiniMax-AI/skills`

## Description

Comprehensive GLSL shader techniques for creating stunning visual effects, ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Shader Craft

A unified skill covering 36 GLSL shader techniques (ShaderToy-compatible) for real-time visual effects.

## Invocation

```
/shader-dev <request>
```

`$ARGUMENTS` contains the user's request (e.g. "create a raymarched SDF scene with soft shadows").

## Skill Structure

```
shader-dev/
├── SKILL.md                      # Core skill (this file)
├── techniques/                   # Implementation guides (read per routing table)
│   ├── ray-marching.md           # Sphere tracing with SDF
│   ├── sdf-3d.md                 # 3D signed distance functions
│   ├── lighting-model.md         # PBR, Phong, toon shading
│   ├── procedural-noise.md       # Perlin, Simplex, FBM
│   └── ...                       # 34 more technique files
└── reference/                    # Detailed guides (read as needed)
    ├── ray-marching.md           # Math derivations & advanced patterns
    ├── sdf-3d.md                 # Extended SDF theory
    ├── lighting-model.md         # Lighting math deep-dive
    ├── procedural-noise.md       # Noise function theory
    └── ...                       # 34 more reference files
```

## How to Use

1. Read the **Technique Routing Table** below to identify which technique(s) match the user's request
2. Read the relevant file(s) from `techniques/`, each file contains core principles, implementation steps, and complete code templates
3. If you need deeper understanding (math derivations, advanced patterns), follow the reference link at the bottom of each technique file to `reference/`
4. Apply the **WebGL2 Adaptation Rules** below when generating standalone HTML pages

## Technique Routing Table

The rest: https://github.com/MiniMax-AI/skills/blob/HEAD/skills/shader-dev/SKILL.md