pixijs avatar

Pixijs Scene Sprite

Covers the four main sprite classes in PixiJS v8: Sprite for basic images, AnimatedSprite for frame animation, NineSliceSprite for resizable UI panels that preserve corner art, and TilingSprite for repeating backgrounds. The guide is thorough about when to use each variant and calls out common mistakes like confusing anchor with pivot or trying to use the old Texture.from() for loading. Good emphasis on using anchor for sprite centering and the proper Assets.load() pattern. If you're drawing images in PixiJS this gives you the constructor patterns and options for all the sprite types, plus clear warnings about v8 breaking changes like NineSlicePlane becoming NineSliceSprite.

skills.sh installs
7K
GitHub stars
365
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

Covers the four main sprite classes in PixiJS v8: Sprite for basic images, AnimatedSprite for frame animation, NineSliceSprite for resizable UI panels that preserve corner art, and TilingSprite for repeating backgrounds. The guide is thorough about when to use each variant and calls out common mistakes like confusing anchor with pivot or trying to use the old Texture.from() for loading. Good emphasis on using anchor for sprite centering and the proper Assets.load() pattern. If you're drawing images in PixiJS this gives you the constructor patterns and options for all the sprite types, plus clear warnings about v8 breaking changes like NineSlicePlane becoming NineSliceSprite.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pixijs/pixijs-skills
Categories
Design & UI/UX, Game Development
First seen
May 16, 2026

More from pixijs/pixijs-skills

All 26
1anthropics avatararchitectureanthropics/knowledge-work-pluginsCreate or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-7Kskills.sh installs
2leonardomso avatarrust-skillsleonardomso/rust-skillsComprehensive Rust coding guidelines with 265 rules across 26 categories. Use when writing, reviewing, or refactoring Rust code. Covers ownership, error handlin7Kskills.sh installs
3pixijs avatarpixijs-scene-textpixijs/pixijs-skillsUse this skill when rendering text in PixiJS v8. Covers Text for canvas-quality styled labels, BitmapText for cheap per-frame updates via glyph atlas, HTMLText 6.9Kskills.sh installs
4pixijs 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
5pixijs avatarpixijs-scene-particle-containerpixijs/pixijs-skillsUse this skill when rendering thousands of lightweight sprites in PixiJS v8. Covers ParticleContainer with Particle instances, addParticle/removeParticle, parti6.9Kskills.sh installs
6jeffallan avatargame-developerjeffallan/claude-skillsUse when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance. Invoke to implement ECS architecture, configure physi6.9Kskills.sh installs