Handles all color operations in PixiJS v8, from construction to conversion to manipulation. You can pass in hex strings, CSS names, RGB/HSL objects, arrays, or Uint8Arrays, then convert to whatever format you need for tints, fills, or GPU buffers. The Color.shared singleton is genuinely useful for hot paths where you're doing per-frame tint calculations and don't want to allocate. One gotcha: array inputs expect normalized 0-1 values unless you explicitly use Uint8Array, and all output methods normalize to 0-1 even though RGB object inputs take 0-255. The doc covers premultiplication, component access, and buffer reuse patterns that matter when you're pushing colors into vertex attributes every frame.

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

Install

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

Installs into .claude/skills of the current project.

Files

Handles all color operations in PixiJS v8, from construction to conversion to manipulation. You can pass in hex strings, CSS names, RGB/HSL objects, arrays, or Uint8Arrays, then convert to whatever format you need for tints, fills, or GPU buffers. The Color.shared singleton is genuinely useful for hot paths where you're doing per-frame tint calculations and don't want to allocate. One gotcha: array inputs expect normalized 0-1 values unless you explicitly use Uint8Array, and all output methods normalize to 0-1 even though RGB object inputs take 0-255. The doc covers premultiplication, component access, and buffer reuse patterns that matter when you're pushing colors into vertex attributes every frame.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pixijs/pixijs-skills
Categories
Frontend Development, Marketing & SEO, Design & UI/UX
First seen
May 16, 2026

More from pixijs/pixijs-skills

All 26
1upstash avatarcontext7-mcpupstash/context7This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation6.8Kskills.sh installs
2lynx-community avatarlynx-devtoollynx-community/skillsUse when working with Lynx DevTool or debugging a Lynx app, page, or device, especially when the task mentions clients or sessions, CDP or App commands, DOM/CSS6.7Kskills.sh installs
3aws avataraws-transformaws/agent-toolkit-for-awsPerforms code upgrades, migrations, and transformations using the AWS Transform (ATX) CLI. Use when upgrading language versions, migrating AWS SDKs, migrating f6.5Kskills.sh installs
4assistant-ui avatartoolsassistant-ui/skillsRegisters LLM tools and renders custom tool-call UI in assistant-ui (@assistant-ui/react). Covers the current authoring model: a "use generative" file exporting6.5Kskills.sh installs
5freshtechbro avatarmotion-framerfreshtechbro/claudedesignskillsModern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layou6.5Kskills.sh installs
6assistant-ui avatarprimitivesassistant-ui/skillsBuilds and customizes assistant-ui chat UI from composable, unstyled @assistant-ui/react primitives that follow Radix-style part composition. Use when assemblin6.5Kskills.sh installs