paper-shaders
Installation
SKILL.md
Paper Shaders for video
Paper Shaders draws designer-tuned WebGL shaders into a canvas. Left alone it animates from the wall clock, which flickers and drifts in a video render. This skill mounts every shader at speed 0 and draws each frame from the timeline, so the same frame always gives the same picture.
Gates
- Pin
@paper-design/shaders@0.0.82. Use that exact version everywhere. Never use 0.0.47–0.0.76: they are PolyForm Shield, not open source. Bumping the version followsreferences/licensing.md. - Speed 0, time from the timeline. Mount shaders only through
templates/paper-preset.js. Never setspeedabove 0, and never let scene code readDate.now(),performance.now(),requestAnimationFrameor unseededMath.random(). - No credits here. Shader layers render locally for free. If the video also needs generated footage, voice or music, that is the varg-ai skill: call
estimate_costand wait for the user's approval before any generation. - Rights. Logos and stills fed to image presets must be the user's own or licensed. Do not apply a shader to another company's logo.
- Stills, not footage. Paper's image filters take images only. Grade and add grain to footage with HyperFrames media treatments instead.
Workflow
A person approves at each checkpoint (looks, stills, motion) before the next step. Commands run from the skill folder; HF stands for the pinned CLI, npx --yes hyperframes@0.8.206.