Pixi Svelte Integrator

Use this skill to build stable Pixi+Svelte integrations with explicit lifecycle and teardown guarantees.

Workflow

1. Define integration boundaries first.

• Decide ownership of app state, render loop control, and event dispatch.
• Keep Pixi scene mutation behind a clear adapter layer.

2. Wire lifecycle safely.

• Create Pixi Application in Svelte mount lifecycle.
• Bind canvas to a dedicated host element.
• Destroy application and detach listeners on unmount.

3. Handle resize and DPI policy.

• Track container size updates and renderer resize calls.
• Set and document resolution policy for high-DPI screens.