pixijsOfficial·25 Agent Skills Included

pixijs-skills

Correct PixiJS v8 rendering, scenes, shaders, and performance

Guides coding agents through correct PixiJS v8 usage: application setup, scene graph, sprites, graphics, text, filters, custom shaders, and asset loading. Eliminates common v7-to-v8 migration errors, broken imports, and silent rendering failures caused by outdated API patterns. Includes performance, accessibility, and event-handling skills so generated WebGL and WebGPU code runs fast and works the first time.

302|15

↗

npx skills add pixijs/pixijs-skills --all -g -y

All Skills in This Repository (25)

Pure Emerald Level Indicators

📦 In Repo

pixijs

pixijs-custom-rendering

Configure PixiJS v8 shaders from GLSL and WGSL sources for WebGL and WebGPU.

pixijs-blend-modes

Set PixiJS display object blend modes with standard and advanced options.

pixijs-scene-text

Render and animate text in PixiJS v8 across multiple rendering paths.

pixijs-scene-graphics

Draw and render vector graphics with PixiJS v8 Graphics API.

pixijs-scene-particle-container

Render thousands of shared-texture sprites with PixiJS v8 ParticleContainer.

pixijs-scene-core-concepts

Organize PixiJS v8 scene graph concepts into containers, leaves, and render order.

pixijs-scene-gif

Animate GIFs in PixiJS applications using GifSprite and GifSource.

pixijs-environments

Configure PixiJS v8 adapters and CSP-safe imports for non-browser environments.

pixijs-color

Convert and manipulate color values for PixiJS scenes.

pixijs-math

Solve 2D geometry and coordinate transformation tasks for PixiJS v8.

pixijs-scene-dom-container

Overlay HTML elements on a PixiJS canvas and synchronize them with scene graph transforms.

pixijs-application

Configure PixiJS v8 Application init with plugin lifecycle management.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install pixijs-skills?▼

Run `npx skills add pixijs/pixijs-skills --all -g -y` in your terminal to install all PixiJS skills globally for your coding agent.

What do the PixiJS skills do?▼

They teach your coding agent correct PixiJS v8 patterns for rendering, sprites, graphics, text, filters, shaders, and asset loading, so generated code avoids deprecated v7 APIs and common runtime mistakes.

Can these skills help migrate PixiJS v7 to v8?▼

Yes. The pixijs-migration-v8 skill is a full breaking-change checklist covering async app.init, the single pixi.js package, the new Graphics fill API, and shader rework.

Which coding agents work with pixijs-skills?▼

All skills follow the universal SKILL.md standard and work with Claude Code, Cursor, Codex, Windsurf, Copilot, and 40+ other compatible agents.

Do the skills cover PixiJS performance optimization?▼

Yes. The pixijs-performance skill covers batching, culling, object pooling, texture garbage collection, and cacheAsTexture so your agent writes fast rendering code.