PixiJS Custom Rendering — guide 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.

Write custom shaders, uniforms and batchers for PixiJS v8 that run on both WebGL and WebGPU.

What it does

Low-level PixiJS v8 rendering: dual-renderer shaders for WebGL and WebGPU, typed uniform groups and UBO mode, textures as shader resources, custom filters, advanced GPU features and extension-based custom batchers. It flags the critical v8 API mistakes, such as the old Shader.from signature.

Use when

Install

Example output

https://skills.varg.ai/previews/pixijs-custom-rendering.mp4 — HTML-in-canvas page transition made with GSAP and the PixiJS Skills: a custom WebGL/WebGPU shader breaks the page into pixels on the way to the next one (credit: PixiJS (@PixiJS), https://x.com/PixiJS/status/2050275368255598985)

More backgrounds & shaders skills