What problem does it solve? Drawing primitives in Phaser 4 involves two different APIs — the imperative Graphics object and standalone Shape game objects — with subtle differences in components, angle units, and styling that cause frequent bugs. This Skill provides the correct patterns, method signatures, and gotchas so you draw rectangles, circles, arcs, polygons, and gradients correctly the first time. ## Core Features & Use Cases - Graphics Drawing: Covers fillStyle, lineStyle, gradients, paths, arcs, rounded rectangles, canvas transforms, and generateTexture for baking drawings into reusable textures. - Shape Game Objects: Documents all 12 shape factories (arc, circle, curve, ellipse, grid, isobox, isotriangle, line, polygon, rectangle, star, triangle) with parameters, fill/stroke styling, and shape-specific methods. - Gotcha Prevention: Flags the most common errors, such as Graphics arc() using radians while the arc factory uses degrees, and Shape objects lacking setTint(). - Use Case: You need a health bar, a star icon, and a checkerboard grid in your Phaser 4 game. This Skill gives you the exact factory calls, styling methods, and performance guidance (generateTexture for static shapes) to implement them. ## Quick Start Use the graphics-and-shapes skill to draw a filled rounded rectangle with a stroked circle in my Phaser 4 scene.
