pixijs avatar

Pixijs Scene Text

Covers all five text rendering classes in PixiJS v8, from canvas-based Text for styled labels to BitmapText for scores that update every frame. The skill breaks down when to use each variant with real performance tradeoffs: Text is expensive to update but looks great, BitmapText is cheap for per-frame changes but needs a glyph atlas, HTMLText gives you real HTML markup at a one-frame async cost. The comparison tables are genuinely useful for deciding between them. Watch out for the v8 breaking change to options-object constructors and the common mistake of updating Text.text in a ticker, which triggers a full canvas redraw and GPU upload every frame.

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

Install

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

Installs into .claude/skills of the current project.

Files

Covers all five text rendering classes in PixiJS v8, from canvas-based Text for styled labels to BitmapText for scores that update every frame. The skill breaks down when to use each variant with real performance tradeoffs: Text is expensive to update but looks great, BitmapText is cheap for per-frame changes but needs a glyph atlas, HTMLText gives you real HTML markup at a one-frame async cost. The comparison tables are genuinely useful for deciding between them. Watch out for the v8 breaking change to options-object constructors and the common mistake of updating Text.text in a ticker, which triggers a full canvas redraw and GPU upload every frame.

Browse the repository on GitHub

Sponsors

Details

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

More from pixijs/pixijs-skills

All 26
1pixijs avatarpixijs-colorpixijs/pixijs-skillsUse this skill when creating, converting, or manipulating colors in PixiJS v8. Covers Color class input formats (hex, CSS names, RGB/HSL objects, arrays, Uint8A6.8Kskills.sh installs
2upstash 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
3lynx-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
4aws 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
5assistant-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
6freshtechbro 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