PixiJS authored a set of skills that guide an AI agent through building 2D rendering work in PixiJS v8, covering text rendering with Text, BitmapText and HTMLText, pointer and touch event handling, coordinate math and hit testing, the per-frame ticker loop, asset loading and bundles, and HTML overlays on the canvas. The collection also addresses accessibility for screen readers and keyboard navigation, and migration from v7 to v8, which makes it especially useful for upgrading legacy projects.
Pixijs Skills
26 skills · 363 stars · MIT
Pixijs Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job.
Pixijs Accessibility Use this skill when adding screen reader and keyboard navigation to PixiJS v8 apps.
Pixijs Application Use this skill when creating and configuring a PixiJS v8 Application.
Pixijs Assets Use this skill when loading and managing resources in PixiJS v8.
Pixijs Blend Modes Use this skill when compositing display objects with blend modes in PixiJS v8.
Pixijs Color Use this skill when creating, converting, or manipulating colors in PixiJS v8.
Pixijs Core Concepts Use this skill when understanding how PixiJS v8 renders frames: the systems-and-pipes renderer, t…
Pixijs Create Use this skill when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS…
Pixijs Custom Rendering Use this skill when writing custom shaders, uniforms, filters, batchers, or low-level draw code i…
Pixijs Environments Use this skill when running PixiJS v8 outside a standard browser: Web Workers, OffscreenCanvas, N…
Pixijs Events Use this skill when handling pointer, mouse, touch, or wheel input in PixiJS v8.
Pixijs Filters Use this skill when applying visual effects to PixiJS v8 containers via the filter pipeline.
Pixijs Html Source Use this skill when rendering live HTML/DOM elements (or frozen snapshots of them) as PixiJS v8 t…
Pixijs Math Use this skill when working with coordinates, vectors, matrices, shapes, hit testing, or layout r…
Pixijs Migration V8 Use this skill when upgrading to PixiJS v8 from v7 or diagnosing broken v7 code after an upgrade.
Pixijs Performance Use this skill when profiling or optimizing a PixiJS v8 app for FPS, draw calls, or GPU memory.
Pixijs Scene Container Use this skill when grouping, positioning, or transforming display objects in PixiJS v8.
Pixijs Scene Core Concepts Use this skill when reasoning about the PixiJS v8 scene graph as a whole: how containers, leaves,…
Pixijs Scene Dom Container Use this skill when overlaying HTML elements on the PixiJS v8 canvas.
Pixijs Scene Gif Use this skill when displaying animated GIFs in PixiJS v8.
Pixijs Scene Graphics Use this skill when drawing vector shapes and paths in PixiJS v8.
Pixijs Scene Mesh Use this skill when rendering custom geometry in PixiJS v8.
Pixijs Scene Particle Container Use this skill when rendering thousands of lightweight sprites in PixiJS v8.
Pixijs Scene Sprite Use this skill when drawing images in PixiJS v8.
Pixijs Scene Text Use this skill when rendering text in PixiJS v8.
Pixijs Ticker Use this skill when running per-frame logic or controlling the PixiJS v8 render loop.