Read the CCapture.js readme here
This combines the basic example from CCapture.js and the shader example from Three.js to create a sandbox for recording your shaders. It uses Glslify to neatly separate the GLSL files from the three.js scene, and uses Browserify for the require.
Download the packages (browserify, glslify)
npm i
Keep your shaders under the shaders folder & update the uniforms & folder name in shader-scene.js. Compile your changes with:
browserify -t glslify path/to/shader-scene.js -o build/bundle.js