When you're building interactive PixiJS applications and need to work with transforms, hit detection, or layout math, this skill covers the library's core primitives. It handles Point and ObservablePoint (the reactive wrapper behind Container's position and scale properties), Matrix operations for coordinate transforms, and all the shape classes (Rectangle, Circle, Polygon, etc.) that power hitArea and bounds calculations. The source includes practical patterns for toGlobal/toLocal coordinate conversion, Rectangle layout helpers like pad and enlarge for UI work, and references to pixi.js/math-extras for vector operations and intersections. It's solid reference material for anyone moving beyond basic sprite positioning into custom interactions or camera systems.

skills.sh installs
6.9K
GitHub stars
365
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

When you're building interactive PixiJS applications and need to work with transforms, hit detection, or layout math, this skill covers the library's core primitives. It handles Point and ObservablePoint (the reactive wrapper behind Container's position and scale properties), Matrix operations for coordinate transforms, and all the shape classes (Rectangle, Circle, Polygon, etc.) that power hitArea and bounds calculations. The source includes practical patterns for toGlobal/toLocal coordinate conversion, Rectangle layout helpers like pad and enlarge for UI work, and references to pixi.js/math-extras for vector operations and intersections. It's solid reference material for anyone moving beyond basic sprite positioning into custom interactions or camera systems.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pixijs/pixijs-skills
Categories
Frontend Development, Testing & QA, AI & Agent Building, Game Development
First seen
May 16, 2026

More from pixijs/pixijs-skills

All 26
1wshobson avatarblock-no-verify-hookwshobson/agentsConfigure a PreToolUse hook to prevent AI agents from skipping git pre-commit hooks with --no-verify and other bypass flags. Use when setting up Claude Code pro6.9Kskills.sh installs
2clerk avatarclerk-expo-patternsclerk/skillsExpo / React Native patterns with Clerk — SecureStore token cache, OAuth deep linking, useAuth in native, Expo Router protected routes, push notifications with 6.8Kskills.sh installs
3pixijs avatarpixijs-createpixijs/pixijs-skillsUse this skill when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project. Covers npm/yarn/pnpm/bun create comman6.8Kskills.sh installs
4wshobson avatarsigned-audit-trails-recipewshobson/agentsStep-by-step cookbook for setting up cryptographically signed audit trails on Claude Code tool calls. Use when explaining, evaluating, or demonstrating the patt6.7Kskills.sh installs
5assistant-ui avatarstreamingassistant-ui/skillsStreaming backends and wire protocols for assistant-ui via the assistant-stream package. Use when building a custom (non-AI-SDK) streaming endpoint with createA6.7Kskills.sh installs
6manaflow-ai avatarcmux-diagnosticsmanaflow-ai/cmuxRun end-user cmux diagnostics. Use when cmux hooks, notifications, session restore, settings, browser automation, socket access, CLI control, or agent resume be6.6Kskills.sh installs