🎯Skills26
AI skills for PixiJS v8 that teach coding agents correct usage of the fast 2D rendering library for WebGL, WebGPU, and Canvas, covering application setup, scene graph, sprites, graphics, text, filters, custom rendering, performance optimization, and v7 migration.
An AI skill for PixiJS v8 that teaches agents how to create and configure the Application object, covering init options, resizing, ticker setup, culling, lifecycle management, and proper teardown.
An AI skill for PixiJS v8 that explains the core rendering model: the systems-and-pipes renderer architecture, the render loop, and environment detection across WebGL, WebGPU, and Canvas.
An AI skill for PixiJS v8 that teaches agents vector drawing using the Graphics API, covering shapes, paths, fill and stroke styles, holes, gradients, patterns, GraphicsContext reuse, and SVG import.
An AI skill for PixiJS v8 that teaches agents how to group and transform display objects using Container, covering child management, local/world transforms, bounds calculation, and zIndex layering.
An AI skill for PixiJS v8 that teaches agents how to profile and optimize rendering performance, covering destroy patterns, garbage collection, object pooling, draw call batching, BitmapText, culling, and resolution tradeoffs.
An AI skill for PixiJS v8 that teaches agents how to load and manage assets using the Assets API, including bundles, manifests, spritesheets, fonts, video, GIFs, and SVG files.
An AI skill for PixiJS v8 that explains scene graph architecture, teaching agents the difference between leaf and container nodes, transform inheritance, culling, render groups, RenderLayer, and masking.
An AI skill for PixiJS v8 that teaches agents image rendering using Sprite and its variants: AnimatedSprite for frame-based animation, NineSliceSprite for scalable UI elements, and TilingSprite for repeating textures.
An AI skill for PixiJS v8 that teaches agents how to work with 2D math utilities including coordinates, vectors, matrices, shapes, and hit testing using Point, Matrix, Rectangle, Polygon, and coordinate conversion methods.
An AI skill for PixiJS v8 that teaches agents how to handle pointer, mouse, touch, and wheel input using eventMode, FederatedEvent, hitArea, cursor styling, and common drag-and-drop patterns.
An AI skill for PixiJS v8 that teaches agents how to manage per-frame logic and render loops using Ticker.add, deltaTime, UPDATE_PRIORITY, maxFPS, and the onRender hook.
An AI skill for PixiJS v8 that teaches agents how to render text on canvas using Text, BitmapText, HTMLText, SplitText, SplitBitmapText, TextStyle, and tagStyles for rich text formatting.
An AI skill for PixiJS v8 that teaches agents how to use ParticleContainer for high-performance batch rendering of large numbers of sprites, including dynamicProperties and boundsArea configuration.
An AI skill for PixiJS v8 that teaches agents how to apply visual effects using the filters pipeline, including built-in filters, creating custom filters with GLSL/WGSL via Filter.from(), filterArea, and the pixi-filters library.
A PixiJS v8 agent skill focused on the Color class, covering hex, CSS, RGB, and HSL color input, conversion methods, premultiply support, and the Color.shared singleton — part of the official PixiJS skills collection for AI coding agents. Works with Claude Code, Cursor, Codex, Windsurf, and 40+ other agents.
AI skills for PixiJS v8 that teach agents correct usage of the fast 2D rendering library for WebGL, WebGPU, and Canvas, covering application setup, scene graph, sprites, graphics, filters, custom rendering, and migration from v7.
An AI skill for PixiJS v8 that teaches agents advanced custom rendering techniques including custom shaders, uniforms, filters, and batchers using Shader.from, GlProgram/GpuProgram, UBO, and Filter.from.
An AI skill for PixiJS v8 that teaches agents how to overlay HTML elements on the canvas using DOMContainer, including anchor positioning, CSS transforms, and pointer-events integration.
AI skills for PixiJS v8 that teach agents correct usage of the fast 2D rendering library for WebGL, WebGPU, and Canvas, covering scene graph, sprites, graphics, filters, performance optimization, and migration from v7.
An AI skill for PixiJS v8 that teaches agents how to create custom geometry and mesh-based rendering using MeshGeometry, MeshSimple, MeshPlane, MeshRope, and PerspectiveMesh for advanced visual effects.
A PixiJS v8 skill that guides AI agents on running PixiJS outside a standard browser, covering Web Workers, OffscreenCanvas, Node.js/SSR, and Content Security Policy contexts.
A PixiJS v8 skill that teaches AI agents how to render animated GIFs using GifSource and GifSprite, including playback control, autoPlay/loop settings, callbacks, cloning, and proper destruction.
Provides guidance for implementing screen reader and keyboard navigation in PixiJS v8 applications, covering AccessibilitySystem, shadow DOM overlay, and mobile activation for accessible 2D rendering.
AI skills for PixiJS v8 migration, teaching agents correct usage of the fast 2D rendering library for WebGL, WebGPU, and Canvas including Application setup, scene graph, sprites, graphics, text, filters, custom rendering, performance optimization, and migration from v7.
Guides the use of PixiJS v8's experimental HTML-in-Canvas APIs (HTMLSource and ElementImageSource) for rendering live or snapshot DOM elements as PixiJS textures on Sprites, Textures, and Meshes.