Paper Shaders Backgrounds — effect skill for backgrounds & shaders

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Frame-exact shader backgrounds and logo stings: 9 varg presets plus all 124 of Paper's own, rendered locally.

What it does

Turns the 30 Paper Shaders (mesh gradient, grain gradient, god rays, liquid metal, halftone, paper texture, dithering …) into frame-exact motion design for HyperFrames or Remotion: set speed={0} and drive frame={(currentFrame / fps) * 1000 * k}, so every exported frame is a pure function of time and parallel renders never flicker. Presets ship as JSON refs (shader + props + brand-color mapping), not video files, and spend no generation credits. Paper Shaders switched from PolyForm Shield to Apache-2.0 on 2026-06-27 and allows commercial video use without visible attribution; pin an exact 0.0.x release (0.0.82 shipped 2026-10-21) and keep LICENSE and NOTICE when vendoring. The skill is in review as vargHQ/skills PR #26 (version 0.1.0, MIT, Paper Shaders pinned to 0.0.82). Since commit b48987f the PR also ships all 124 of Paper's built-in presets (30 shaders, 4–6 each, Apache-2.0, Paper's own colors and speeds) and a full-frame gallery example; paperSequenceSource in templates/paper-preset.js drives any number of presets from one WebGL context.

Use when

Not for

Install

Not published as a standalone skill yet. Source: https://github.com/vargHQ/skills/pull/26

Models it drives: render

Example output

https://skills.varg.ai/previews/craft-paper-shaders.mp4 — One second of each of the 9 presets, rendered by the skill's own examples/preset-reel with HyperFrames 0.8.206 and @paper-design/shaders 0.0.82 — no generation credits (credit: varg — paper-shaders skill (Paper Shaders, Apache-2.0), https://github.com/vargHQ/skills/pull/26)

Used for

More backgrounds & shaders skills