shadertoy

Installation
Summary

Real-time GLSL fragment shader development for procedural graphics and visual effects.

  • Provides complete Shadertoy API reference including built-in inputs (iResolution, iTime, iMouse, iChannel0-3) and the mainImage entry point structure
  • Covers essential patterns: ray marching with distance fields, procedural color palettes, hash functions, 2D/3D rotations, domain repetition, and post-processing techniques
  • Includes multi-pass rendering workflows for temporal feedback and buffer composition, plus critical GLSL ES rules (no f suffix, no saturate(), protect pow/sqrt operations)
  • Offers debugging strategies, performance optimization tips, and a reference library of complex number math, noise functions, and blend modes
SKILL.md

Shadertoy Shader Development

Overview

Shadertoy is a platform for creating and sharing GLSL fragment shaders that run in the browser using WebGL. This skill provides comprehensive guidance for writing shaders including GLSL ES syntax, common patterns, mathematical techniques, and best practices specific to real-time procedural graphics.

When to Use This Skill

Activate this skill when:

  • Writing or editing .glsl shader files
  • Creating procedural graphics, generative art, or visual effects
  • Working with Shadertoy.com projects or WebGL fragment shaders
  • Implementing ray marching, distance fields, or procedural textures
  • Debugging shader code or optimizing shader performance
  • Need GLSL ES syntax reference or Shadertoy input variables

Core Concepts

Shader Entry Point

Related skills

More from bfollington/terma

Installs
1.3K
GitHub Stars
45
First Seen
Jan 24, 2026