shadertoy
✓This skill should be used when working with Shadertoy shaders, GLSL fragment shaders, or creating procedural graphics for the web. Use when writing .glsl files, implementing visual effects, creating generative art, or working with WebGL shader code. This skill provides GLSL ES syntax reference, common shader patterns, and Shadertoy-specific conventions.
Installation
SKILL.md
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.
| vec3 | iResolution | Viewport resolution (x, y, aspect ratio) | | float | iTime | Current time in seconds (primary animation driver) | | float | iTimeDelta | Time to render one frame | | int | iFrame | Current frame number | | vec4 | iMouse | Mouse: xy = current position, zw = click position | | sampler2D | iChannel0-iChannel3 | Input textures/buffers |
| vec3 | iChannelResolution[4] | Resolution of each input channel | | vec4 | iDate | Year, month, day, time in seconds (.xyzw) |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/bfollington/terma --skill shadertoy- Source
- bfollington/terma
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is shadertoy?
This skill should be used when working with Shadertoy shaders, GLSL fragment shaders, or creating procedural graphics for the web. Use when writing .glsl files, implementing visual effects, creating generative art, or working with WebGL shader code. This skill provides GLSL ES syntax reference, common shader patterns, and Shadertoy-specific conventions. Source: bfollington/terma.
How do I install shadertoy?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bfollington/terma --skill shadertoy Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/bfollington/terma
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01