Pixijs Scene Graphics

Vector drawing in PixiJS v8 follows a shape-then-fill pattern: call rect, circle, or moveTo to define geometry, then fill or stroke it. This skill covers the full Graphics API including advanced primitives like regularPoly and chamferRect, path commands for bezier curves, gradients and patterns, and the cut method for punching holes. The context sharing system lets you reuse tessellated geometry across multiple Graphics instances to avoid duplicate GPU work. One thing to remember is that Graphics is a leaf node, so wrap multiple instances in a Container rather than nesting them. The hole cutting is strict about boundaries: your cutout must sit completely inside the target shape or the triangulation breaks.

Install to Claude Code

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