Claude MarketplacesSubmit
pixijs avatar

Pixijs Scene Gif

pixijs/pixijs-skills

Handles animated GIFs in PixiJS v8 through GifSprite and GifSource. You load a GIF with Assets.load, wrap the resulting GifSource in a GifSprite, and control playback with play, stop, currentFrame, and animationSpeed. The skill covers the required side-effect import, constructor options like autoPlay and loop, and callbacks for onComplete, onLoop, and onFrameChange. The documentation makes it clear that GIFs decode every frame into separate canvas textures, so for performance-critical work with many frames you're better off using AnimatedSprite with a spritesheet atlas. Good for simple animations where you need actual GIF files rather than optimized sprite sheets.

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

Install

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

Installs into .claude/skills of the current project.

Files

Handles animated GIFs in PixiJS v8 through GifSprite and GifSource. You load a GIF with Assets.load, wrap the resulting GifSource in a GifSprite, and control playback with play, stop, currentFrame, and animationSpeed. The skill covers the required side-effect import, constructor options like autoPlay and loop, and callbacks for onComplete, onLoop, and onFrameChange. The documentation makes it clear that GIFs decode every frame into separate canvas textures, so for performance-critical work with many frames you're better off using AnimatedSprite with a spritesheet atlas. Good for simple animations where you need actual GIF files rather than optimized sprite sheets.

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
1freshtechbro avatarplaycanvas-enginefreshtechbro/claudedesignskillsLightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interac2.5Kskills.sh installs
2mindrally avatarluamindrally/skillsLua development guidelines covering tables, metatables, error handling, game development, and performance optimization.1.4Kskills.sh installs
3andreev-danila avatarreanimated-skia-performanceandreev-danila/skillsWrite and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, run974skills.sh installs
4onmax avatarphaser-best-practicesonmax/nuxt-skillsBuilds and refactors Phaser 3 browser games. Use for creating a new Phaser project, adding scenes, entities, physics, UI, tilemaps, animations, input, audio, ca879skills.sh installs
5hkuds avatarcli-anything-slay-the-spire-iihkuds/cli-anythingCommand-line interface for Slay the Spire 2 - Control the real game through a local bridge mod HTTP API. Reads normalized game state and sends action commands f506skills.sh installs
6jwynia avatarabstract-strategyjwynia/agent-skillsDesign abstract strategy games with perfect information, no randomness, and strategic depth. Use when designing a board game, exploring abstract strategy games,404skills.sh installs