SKILL.md
$28
Skill
Load when...
Creating or configuring a PixiJS Application, calling app.init(), accessing app.stage/renderer/canvas/screen, resize/ticker plugins, app.destroy().
Understanding the renderer pipeline, choosing WebGL/WebGPU/Canvas, render loop internals, systems and pipes.
Scaffolding a new project with the create-pixi CLI (bundler-vite, creation-web, framework-react templates).
Running PixiJS in Web Workers, Node/SSR, or strict-CSP contexts (DOMAdapter, WebWorkerAdapter, pixi.js/unsafe-eval).
Upgrading from v7 to v8 or fixing v7 patterns (beginFill/endFill, @pixi/* packages, BaseTexture, DisplayObject).
Understanding the scene graph as a whole: containers vs leaves, transforms, render order, masking, RenderLayer.
Scene Objects
Skill
Load when...
Working with Container: addChild/removeChild, transforms, zIndex, bounds, toGlobal/toLocal, destroy.
Drawing images: Sprite, AnimatedSprite, NineSliceSprite, TilingSprite.
Drawing vector shapes or paths: Graphics, GraphicsContext, fill/stroke, FillGradient, SVG.
Rendering text: Text, BitmapText, HTMLText, SplitText, TextStyle.
Custom geometry: Mesh, MeshSimple, MeshPlane, MeshRope, PerspectiveMesh.
pixijs-scene-particle-container
Rendering thousands of lightweight sprites: ParticleContainer, Particle, dynamicProperties.
Overlaying HTML elements on the canvas: DOMContainer, pixi.js/dom.
Displaying animated GIFs: GifSprite, GifSource, pixi.js/gif.
Utilities
Skill
Load when...
Loading resources: Assets.init, Assets.load, bundles, manifests, spritesheets, caching.
Creating or converting colors: Color class, hex/rgb/hsl, tint, premultiply.
Handling pointer/mouse/touch/wheel input: eventMode, FederatedEvent, hitArea, cursor, drag.
Points, vectors, matrices, shapes, hit testing: Point, Matrix, Rectangle, toGlobal/toLocal.
Per-frame logic or controlling the render loop: Ticker, deltaTime, UPDATE_PRIORITY, maxFPS.
Advanced
Skill
Load when...
Screen reader or keyboard navigation: AccessibilitySystem, accessibleTitle, tabIndex.
Compositing with blend modes: add, multiply, screen, overlay, pixi.js/advanced-blend-modes.
Writing custom shaders, uniforms, or batchers: Shader.from, GlProgram/GpuProgram, UniformGroup, custom Filter.
Applying visual effects: BlurFilter, ColorMatrixFilter, DisplacementFilter, Filter.from, pixi-filters.
Profiling or optimizing FPS, draw calls, GPU memory: culling, GCSystem, cacheAsTexture, object pooling.
Fallback: canonical PixiJS docs
If the task references a class, function, option, or API surface not covered by any sub-skill above, **WebFetch https://pixijs.download/release/docs/llms.txt**. It's the auto-generated index of the full PixiJS API and guides, regenerated on every release. Each entry links to a .html.md page you can WebFetch for the detailed content. Use this fallback whenever the router table doesn't point at an obvious match.