mcpField
S
shader-dev

shader-dev

github.com/podoCreative & media29167 installsUpdated 3d ago
Repository

About shader-dev

shader-dev is a MiniMax GLSL skill for creating ShaderToy-compatible techniques and working WebGL shaders. Its references cover 3D ray marching, simulations, procedural patterns, lighting, and post-processing.

Key features

  1. 01ShaderToy-compatible technique library
  2. 02Ray marching and SDF modeling
  3. 03Fluid simulation and particle systems
  4. 04Procedural patterns and lighting
  5. 05Post-processing references
  6. 06WebGL shaders with uniforms and animation

Use cases

  1. 01Creating a ray-marched 3D shader
  2. 02Building a fluid or particle simulation
  3. 03Adding procedural patterns and post-processing

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill shader-dev

After installing, type/shader-devin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

shader-dev

Catalogue stub — full skill: MiniMax-AI/skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/shader-dev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/shader-dev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as shader-dev, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/shader-dev ] && echo "global" || echo "project"

    Global:

    npx skills add MiniMax-AI/skills --skill shader-dev -g -y

    Project:

    npx skills add MiniMax-AI/skills --skill shader-dev -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: MIT

Invoke after install

  • Skill name: shader-dev
  • Trigger phrases: "shader", "GLSL", "ray marching", "fluid simulation", "WebGL shader"

What it does

Official MiniMax GLSL shader skill: one skill with a library of ShaderToy-compatible techniques and references covering ray marching and SDF modeling for 3D, fluid dynamics simulation, particle systems, procedural pattern generation, lighting, and post-processing. Produces working WebGL fragment/vertex shaders with correct uniforms, time-based animation, and noise functions.

When NOT to use

  • Three.js scenes, WebGPU, or TSL node materials → use cloudai-threejs, threejs-claude-skill-package, or webgpu-claude-skill
  • Generative art with p5.js → use p5js-hermes or algorithmic-art

Comments

Markdown supported