Render GLSL fragment shaders to PNG files for visual debugging.
npx skills add https://github.com/pthm/soup --skill shader-debug
Please help me install this Agent Skill. Skill: shader-debug Source: https://github.com/pthm/soup/tree/main/.claude/skills/shader-debug Command: npx skills add https://github.com/pthm/soup --skill shader-debug
## What problem does it solve? Shader-rendering issues can stall graphics development. This skill provides a fast workflow to visually validate GLSL fragment shaders by rendering them to PNG files for quick inspection.
## Core Features & Use Cases
### Quick Start To debug a shader, run: go run ./cmd/shaderdebug -shader shaders/resource.fs -out /tmp/debug.png and open the produced PNG to inspect results. Then adjust shader code and rerun as needed.
High-intent search queries and answers about installing and using this skill.
Debug a GLSL fragment shader visually by rendering it to a PNG file for rapid visual inspection. Verify color and coordinate mapping by viewing the generated image output to isolate issues in your shader code.
When rendering a shader for debugging, the tool automatically provides time and resolution uniforms. These inputs help isolate issues with time-based animations and resolution scaling in your fragment shaders.
You can test GLSL shaders at different resolutions by specifying optional width and height parameters during rendering. This generates deterministic outputs for given inputs to validate resolution scaling across various dimensions.
Yes, you can use this tool to create regression tests for shader rendering by generating deterministic PNG outputs for given inputs. This allows you to compare rendered images across different shader versions and resolutions.
The metadata does not specify GPU requirements for rendering GLSL shaders to PNG files. The tooling operates via a simple command line execution to generate test images from your shader code.
hotriluanGenerate GLSL fragment shaders for procedural graphics in WebGL/Three.js projects.
openharmonyinsightRender fragment shaders as headless PNG previews with glslViewer.
dthuy62Create GLSL fragment shaders for procedural graphics and visual effects.
haidonglethqbGenerate GLSL fragment shader templates with u_time and u_resolution uniforms.
