# PixiJS — guide skill for tools & renderers

> **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.

Build fast 2D WebGL/WebGPU graphics with PixiJS v8; routes each task to the right PixiJS skill.

- **Type:** [Guide](https://skills.varg.ai/guides.md) · [Tools & renderers](https://skills.varg.ai/browse/skills/tooling.md)
- **Slug:** `pixijs`
- **Status:** live
- **Publisher:** PixiJS (vendor, verified)
- **License:** MIT
- **Source:** https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs
- **Works in:** Claude Code, Codex, Cursor, Gemini CLI
- **Requires:** PixiJS v8
- **Cost:** Free — open-source library (MIT)
- **Adoption:** 6,900 installs, 358 GitHub stars (skills.sh, 2026-10-26)

## What it does

The entry point to PixiJS's official v8 skill set. It routes any PixiJS task — application setup, the scene graph (sprites, graphics, text, meshes, particles, GIFs), rendering, filters, blend modes, custom shaders and performance — to the matching specialized skill, and falls back to the canonical docs.

## Use when

- Any PixiJS v8 task
- 2D canvas, WebGL or WebGPU graphics in the browser
- Animated scenes, games or generative visuals in 2D

## Install

- Claude Code: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs -a claude-code`
- Codex: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs -a codex`
- Cursor: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs -a cursor`
- Gemini CLI: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs -a gemini-cli`

## Example output

https://skills.varg.ai/previews/pixijs.mp4 — PixiJS Skills launch post ('vibe code a game this weekend'): a neon runner game rendered in PixiJS with glow and glitch effects (credit: PixiJS (@PixiJS), https://x.com/PixiJS/status/2047013163900764508)

## More tools & renderers skills

- [varg AI](https://skills.varg.ai/skills/varg-ai.md): The official varg skill: videos, images, speech and music through one API key, rendered in the cloud or locally.
- [Media Download](https://skills.varg.ai/skills/media-download.md): Save any video by link (X, YouTube, Instagram, TikTok, 1800+ sites) or Pinterest images as references, locally, no key.
- [Templates Gallery Ops](https://skills.varg.ai/skills/varg-templates-section.md): Internal runbook for the varg app Templates gallery: publish renders, preview clips, frame-0 posters, shelves.
- [HyperFrames CLI](https://skills.varg.ai/skills/hyperframes-cli.md): Drive the HyperFrames CLI: scaffold, check, preview, snapshot, edit the timeline, render locally or in the cloud.
- [HyperFrames Registry](https://skills.varg.ai/skills/hyperframes-registry.md): Pull any of ~450 ready-made blocks into a video as editable source: transitions, titles, captions, charts, 3D.
- [HyperFrames Media Use](https://skills.varg.ai/skills/hyperframes-media-use.md): Find or make every asset a video needs: music, SFX, voiceover, images, logos, avatars, transcripts, grades.