Can I use this for 3D rendering in the browser?

Yes, it includes specialized templates for ray marching and signed distance fields (SDFs) to create complex 3D scenes within a single fragment shader.

How does it help with shader debugging?

The skill provides strategies for visualizing intermediate values, checking for NaN/Inf errors, and progressively simplifying complex code to isolate performance bottlenecks.

Does it handle Shadertoy-specific inputs like iTime or iResolution?

Absolutely. It provides a full reference for all Shadertoy built-in uniforms, including resolution, time, frame count, mouse input, and audio/texture channels.

What version of GLSL does this skill support?

It primarily supports GLSL ES (specifically version 300 es or compatible), optimized for the Shadertoy platform and standard browser-based WebGL rendering.

Shadertoy Shader Development

Name: Shadertoy Shader Development
Author: bfollington

bybfollington

•

ゲーム開発

Generates high-performance GLSL fragment shaders and complex procedural graphics for WebGL and Shadertoy environments.

This skill empowers developers to create sophisticated real-time visual effects, generative art, and 3D scenes using GLSL ES directly within Claude Code. It provides a comprehensive library of shader patterns—including ray marching, signed distance fields (SDFs), and procedural noise—while ensuring strict adherence to Shadertoy-specific conventions and WebGL constraints. It serves as an essential companion for debugging shader performance, implementing multi-pass rendering, and translating mathematical concepts into stunning, browser-based visuals.

主な機能

0130 GitHub stars

02GLSL ES syntax reference and Shadertoy built-in variable support

03Advanced color palette generation and post-processing effects

04Procedural generation techniques using hash functions and noise

05Implementation patterns for ray marching and signed distance fields (SDFs)

06Multi-pass rendering and temporal feedback buffer templates

ユースケース

01Creating real-time generative art and procedural textures for web projects

02Developing complex 3D visual effects and lighting models using sphere tracing

03Optimizing and debugging fragment shaders for cross-browser WebGL performance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bfollington/terma shadertoy

For use in Claude.ai and ChatGPT

Download Skill