pixijs

Routes PixiJS v8 development tasks to specialized sub-skills covering rendering, scene graph, and assets.

48.2k|5.1k|Updated Jan 21, 2013
One-click install
npx skills add https://github.com/pixijs/pixijs --skill pixijs-pixijs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pixijs
Source: https://github.com/pixijs/pixijs/tree/main/skills/pixijs
Command: npx skills add https://github.com/pixijs/pixijs --skill pixijs-pixijs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? PixiJS v8 has a large API surface spanning application setup, scene objects, rendering pipelines, and utilities, making it hard to know which guidance applies to a given task. This Skill acts as an entry point that routes any PixiJS v8 question to the correct specialized sub-skill. ## Core Features & Use Cases - Task Routing: A router table maps tasks to 25+ specialized sub-skills covering Application setup, Container, Sprite, Graphics, Text, Mesh, ParticleContainer, filters, shaders, events, assets, ticker, and more. - Full API Coverage: Organizes skills into Foundations, Scene Objects, Utilities, and Advanced categories, including v7-to-v8 migration, Web Workers/SSR environments, and performance optimization. - Documentation Fallback: When no sub-skill matches, it directs the AI to fetch the auto-generated PixiJS API index at pixijs.download for always-current docs. - Use Case: You ask how to draw a gradient-filled shape; the router points to the pixijs-scene-graphics skill, which provides the correct v8 shape-then-fill API patterns. ## Quick Start Ask how to accomplish any PixiJS v8 task, such as setting up an Application, loading assets, or applying filters, and the router will load the matching specialized guidance.

Frequently Asked Questions about pixijs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get started with PixiJS v8 application setup?▼

Create an Application instance and call the async app.init() method with options like background, resizeTo, and preference, then append app.canvas to the DOM. The pixijs-application sub-skill covers all initialization options, plugins, and app.destroy().

How do I draw shapes and graphics in PixiJS v8?▼

Use the Graphics class with the v8 shape-then-fill API: call shape methods like rect, circle, or poly first, then fill or stroke. The pixijs-scene-graphics sub-skill covers FillGradient, FillPattern, paths, and SVG import.

Does PixiJS v8 support WebGPU rendering?▼

Yes, PixiJS v8 supports WebGPU alongside WebGL and Canvas renderers, selected via the preference option in app.init(). The pixijs-core-concepts sub-skill explains renderer selection, the systems-and-pipes pipeline, and device loss handling.

How do I migrate a PixiJS project from v7 to v8?▼

Migration involves switching to async app.init(), the single pixi.js package instead of @pixi/* sub-packages, the new Graphics shape-then-fill API, and TextureSource replacing BaseTexture. The pixijs-migration-v8 sub-skill covers all breaking changes.

Can PixiJS run in Web Workers or Node.js environments?▼

Yes, PixiJS v8 runs in Web Workers, Node/SSR, and strict-CSP contexts using DOMAdapter with WebWorkerAdapter or custom adapters. The pixijs-environments sub-skill covers OffscreenCanvas and the pixi.js/unsafe-eval import for CSP restrictions.

What happens if my PixiJS question is not covered by a sub-skill?▼

The router falls back to fetching https://pixijs.download/release/docs/llms.txt, an auto-generated index of the full PixiJS API regenerated on every release. Each entry links to a detailed documentation page for the specific class or function.