@pixijs

pixijs-create covers scaffolding new pixi.js v8 projects via the create-pixi cli, with support for multiple package managers, bundlers, frameworks, and template categories. handles both interactive and non-interactive flows plus adding pixi to existing projects.

pixijs-events covers the federated event system for pointer, mouse, touch, and wheel input in pixi.js v8, with eventmode configuration and global/local coordinate tracking for interactive scene graph objects.

pixijs-assets covers PixiJS v8 resource loading via the Assets singleton API, including format detection, resolution switching, bundle grouping, and progress tracking for textures, video, spritesheets, fonts, and JSON.

pixijs-scene-mesh covers rendering arbitrary 2d geometry in pixi v8 using mesh classes (MeshSimple, MeshPlane, MeshRope, PerspectiveMesh) with texture mapping and custom shaders. base Mesh provides vertex-level control when subclasses don't fit.

pixijs-environments enables PixiJS v8 rendering in non-browser contexts (workers, offscreen canvas, node/ssr, csp) by swapping the dom adapter before initialization.

pixijs acts as a triage layer for v8 tasks, directing users to specialized sub-skills or a curated llms.txt api index when no existing skill matches.

pixijs-accessibility enables screen reader and keyboard navigation by configuring the AccessibilitySystem to create an invisible shadow DOM overlay over accessible containers, allowing assistive technology to discover and interact with canvas elements.

pixijs-scene-dom-container overlays html elements on pixi v8 canvas using domcontainer, syncing element position and transform to the scene graph. covers dom nesting patterns, web worker limitations, and experimental api constraints.

pixijs-scene-sprite covers sprite, animatedsprite, ninesicesprite, and tilingsprite for drawing and animating images in pixijs v8, with anchor/tint/texture configuration and container grouping patterns.

pixijs-scene-core-concepts establishes shared terminology for the pixijs-scene-* skill family, explaining containers versus leaves and scene graph hierarchy without deep api coverage.

pixijs-scene-gif covers loading and playing animated gifs in pixijs v8 via the gifsource loader and gifsprite display object, requiring explicit side-effect import registration.

pixijs-blend-modes covers GPU-accelerated compositing via blend mode assignment on display objects, with guidance on render batch implications and advanced mode imports.

pixijs-scene-container documents how to use the Container class in PixiJS v8 for organizing display objects in a scene graph. covers transform and visual property application across a subtree.

pixijs-scene-text documents five text rendering classes (Text, BitmapText, HTMLText, SplitText, SplitBitmapText) with different performance and styling trade-offs, targeting developers familiar with pixijs scene concepts.

Use this skill when rendering live HTML/DOM elements (or frozen snapshots of them) as PixiJS v8 textures via the EXPERIMENTAL HTML-in-Canvas browser APIs.…

Use this skill when upgrading to PixiJS v8 from v7 or diagnosing broken v7 code after an upgrade. Covers async app.init, single pixi.js package (deprecated…

Use this skill when creating, converting, or manipulating colors in PixiJS v8. Covers Color class input formats (hex, CSS names, RGB/HSL objects, arrays,…

Use this skill when writing custom shaders, uniforms, filters, batchers, or low-level draw code in PixiJS v8. Covers Shader.from({gl, gpu, resources}),…

Use this skill when rendering thousands of lightweight sprites in PixiJS v8. Covers ParticleContainer with Particle instances, addParticle/removeParticle,…

Use this skill when applying visual effects to PixiJS v8 containers via the filter pipeline. Covers built-in filters (AlphaFilter, BlurFilter,…

Use this skill when running per-frame logic or controlling the PixiJS v8 render loop. Covers Ticker.add/addOnce/remove, deltaTime vs deltaMS vs elapsedMS,…

Use this skill when working with coordinates, vectors, matrices, shapes, hit testing, or layout rectangles in PixiJS v8. Covers Point/ObservablePoint, Matrix…

Use this skill when drawing vector shapes and paths in PixiJS v8. Covers the Graphics API: shape-then-fill methods…

Use this skill when understanding how PixiJS v8 renders frames: the systems-and-pipes renderer, the render loop, and how the library adapts to different…

Use this skill when profiling or optimizing a PixiJS v8 app for FPS, draw calls, or GPU memory. Covers destroy patterns (cacheAsTexture(false),…

Use this skill when creating and configuring a PixiJS v8 Application. Covers new Application() + async app.init() options (width, height, background,…