{"enrichment":{"faq":[{"a":"pixijs-migration-v8 addresses the major API shifts between versions. Key breaking changes include the Graphics API moving from beginFill/endFill to a shape-then-fill pattern, deprecated @pixi/* sub-packages consolidating into a single pixi.js import, DisplayObject property removals, async App initialization, eventMode replacing the interactive property, and shader/uniform rework. The skill provides a complete checklist to systematically identify and fix each category of breakage in your codebase.","q":"What are the main pixijs breaking changes in v8?"},{"a":"pixijs-migration-v8 guides you through a structured upgrade process. Start by updating your package.json to PixiJS v8, then work through the breaking changes checklist: migrate Graphics calls to the new shape-then-fill API, replace @pixi/* imports with pixi.js, update event handlers to use eventMode, fix Text constructor options, adapt shader uniforms, and handle async App initialization. The skill covers each migration step with concrete examples and common pitfalls to avoid.","q":"How do I upgrade pixi v7 to v8 in my project?"},{"a":"pixijs-migration-v8 explains the new Graphics API. Instead of chaining beginFill().drawRect().endFill(), v8 uses a shape-then-fill pattern: you call a shape method like rect(), then apply fill() and stroke() separately. This provides clearer separation of concerns and more flexible styling. The skill shows side-by-side comparisons of v7 and v8 syntax, helping you quickly refactor your drawing code.","q":"What replaces pixi beginFill and endFill in v8?"},{"a":"pixijs-migration-v8 covers package consolidation. In v7, you imported from @pixi/graphics, @pixi/text, @pixi/sprite, etc. In v8, all exports come from the single pixi.js package. Replace import statements like `import { Graphics } from '@pixi/graphics'` with `import { Graphics } from 'pixi.js'`. The skill lists the most commonly used sub-packages and their v8 equivalents, making the transition straightforward.","q":"How do I migrate deprecated @pixi/* packages to pixi.js?"},{"a":"pixijs-migration-v8 addresses rendering pipeline updates. Shader uniforms, texture sources, and BaseTexture/TextureSource relationships have been reworked for better performance. The skill explains how to update uniform declarations, adapt TextureSource usage, and handle the new async initialization patterns. Event handler signatures and ticker callbacks have also changed; the skill shows the updated patterns for both.","q":"What shader and uniform changes does pixijs v8 require?"},{"a":"pixijs-migration-v8 highlights frequent pitfalls: forgetting to await App.init() in async contexts, mixing old and new Graphics syntax in the same file, leaving @pixi/* imports after consolidation, not updating eventMode alongside removing interactive, and overlooking Text constructor option changes. The skill provides a checklist to catch these errors early, plus diagnostic techniques to fix broken code after upgrading.","q":"What are common pixijs v8 migration mistakes to avoid?"}],"shadow_tags":["version-upgrade","api-refactor","breaking-changes","code-migration","deprecation-guide","graphics-rendering","event-handling","shader-system","texture-management","performance-optimization"],"summary_rewrite":"This skill guides developers through upgrading PixiJS projects from version 7 to version 8, covering all breaking changes and API shifts. It provides a structured migration checklist and explains modern patterns for the fast WebGL-based 2D rendering engine. Perfect for teams maintaining graphics-heavy web applications."},"files":[{"bytes":15092,"path":"skills/pixijs-migration-v8/SKILL.md","sha256":"e3c1c40b5c8385df6eb055067c9c23598d78d1b96cf519a97b2acb3f3b057cad","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-migration-v8/133b85b0/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-migration-v8","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-migration-v8","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-migration-v8.md","repo":"https://github.com/pixijs/pixijs-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":16,"language":null,"last_updated":"2026-06-04","license":"MIT","name":"pixijs-migration-v8","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs"},{"id":"pixijs/pixijs-skills/pixijs-filters"},{"id":"gamedev-skills/awesome-gamedev-agent-skills/pixijs-rendering"},{"id":"pixijs/pixijs-skills/pixijs-events"},{"id":"pixijs/pixijs-skills/pixijs-accessibility"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"pixijs/pixijs-skills/pixijs-core-concepts"},{"id":"pixijs/pixijs-skills/pixijs-blend-modes"},{"id":"pixijs/pixijs-skills/pixijs-environments"},{"id":"pixijs/pixijs-skills/pixijs-ticker"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-migration-v8"},"version":"133b85b0"}