Claude MarketplacesSubmit
pixijs avatar

Pixijs Scene Core Concepts

pixijs/pixijs-skills

If you're working with PixiJS v8's scene graph, this is your mental map. It explains the critical Container versus leaf distinction (leaves like Sprite, Graphics, and Text must not have children anymore), how transforms compose from local to world space, and where concepts like render groups, culling, masking, and z-ordering fit together. The real value is that it frames the whole system and points you to the right specialized skill for each display object type. Think of it as the shared context for all the pixijs-scene-* skills. One heads up: v8's strict separation between grouping nodes and drawing nodes is a breaking change from earlier versions, so if you're migrating code that added children to sprites, this will save you debugging time.

skills.sh installs
6.9K
GitHub stars
365
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add pixijs/pixijs-skills --skill pixijs-scene-core-concepts --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're working with PixiJS v8's scene graph, this is your mental map. It explains the critical Container versus leaf distinction (leaves like Sprite, Graphics, and Text must not have children anymore), how transforms compose from local to world space, and where concepts like render groups, culling, masking, and z-ordering fit together. The real value is that it frames the whole system and points you to the right specialized skill for each display object type. Think of it as the shared context for all the pixijs-scene-* skills. One heads up: v8's strict separation between grouping nodes and drawing nodes is a breaking change from earlier versions, so if you're migrating code that added children to sprites, this will save you debugging time.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/pixijs/pixijs-skills
Category
Game Development
First seen
May 16, 2026

More from pixijs/pixijs-skills

All 26

Recommended

More Game Development
1pixijs avatarpixijs-filterspixijs/pixijs-skillsUse this skill when applying visual effects to PixiJS v8 containers via the filter pipeline. Covers built-in filters (AlphaFilter, BlurFilter, ColorMatrixFilter6.9Kskills.sh installs
2pixijs avatarpixijs-createpixijs/pixijs-skillsUse this skill when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project. Covers npm/yarn/pnpm/bun create comman6.8Kskills.sh installs
3pixijs avatarpixijs-blend-modespixijs/pixijs-skillsUse this skill when compositing display objects with blend modes in PixiJS v8. Covers standard modes (normal, add, multiply, screen, erase, min, max), advanced 6.8Kskills.sh installs
4pixijs avatarpixijs-scene-dom-containerpixijs/pixijs-skillsUse this skill when overlaying HTML elements on the PixiJS v8 canvas. Covers DOMContainer with element, anchor, and scene-graph-driven CSS transforms, the pixi.6.7Kskills.sh installs
5pixijs avatarpixijs-environmentspixijs/pixijs-skillsUse this skill when running PixiJS v8 outside a standard browser: Web Workers, OffscreenCanvas, Node/SSR, or CSP-restricted contexts. Covers DOMAdapter.set, Bro6.7Kskills.sh installs
6freshtechbro avatarmotion-framerfreshtechbro/claudedesignskillsModern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layou6.5Kskills.sh installs