Pixijs Custom Rendering
If you're writing custom shaders, filters, or batchers in PixiJS v8, this covers the new dual-renderer API. The big shift is Shader.from with separate gl and gpu paths, typed UniformGroup instead of raw objects, and textures passed as resources rather than uniforms. Filters now expect GLSL ES 3.0 conventions (in/out, finalColor, texture() instead of texture2D). The UBO path is mandatory for WebGPU and needs pixi.js/unsafe-eval in strict CSP environments. Most useful when you need per-pixel effects or custom geometry rendering that built-in filters can't handle. The examples are clear enough to adapt without reading v8 migration docs first.
- skills.sh installs
- 6.8K
- GitHub stars
- 365
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pixijs/pixijs-skills --skill pixijs-custom-rendering --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're writing custom shaders, filters, or batchers in PixiJS v8, this covers the new dual-renderer API. The big shift is Shader.from with separate gl and gpu paths, typed UniformGroup instead of raw objects, and textures passed as resources rather than uniforms. Filters now expect GLSL ES 3.0 conventions (in/out, finalColor, texture() instead of texture2D). The UBO path is mandatory for WebGPU and needs pixi.js/unsafe-eval in strict CSP environments. Most useful when you need per-pixel effects or custom geometry rendering that built-in filters can't handle. The examples are clear enough to adapt without reading v8 migration docs first.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/pixijs/pixijs-skills
- Categories
- Documentation, Rust, Game Development
- First seen
- May 16, 2026
More from pixijs/pixijs-skills
All 26- Pixijs Create6.8K
- Pixijs Color6.8K
- Pixijs Blend Modes6.8K
- Pixijs Scene Dom Container6.7K
- Pixijs Scene Mesh6.7K
- Pixijs Environments6.7K
- Pixijs Scene Gif6.6K
- Pixijs Accessibility6.6K
- Pixijs Migration V86.4K
- Pixijs Html Source5.5K
- Pixijs8K
- Pixijs Performance7.1K
- Pixijs Application7.1K
- Pixijs Scene Graphics7.1K
- Pixijs Core Concepts7.1K
- Pixijs Assets7K
- Pixijs Scene Sprite7K
- Pixijs Events7K
- Pixijs Scene Container7K
- Pixijs Math6.9K
- Pixijs Scene Core Concepts6.9K
- Pixijs Scene Text6.9K
- Pixijs Ticker6.9K
- Pixijs Filters6.9K
Recommended
More Documentation
runtimeassistant-ui/skillsGuide to the assistant-ui runtime system, single-thread state, and the imperative aui client API in @assistant-ui/react. Use when creating a runtime (useLocalRu6.5Kskills.sh installs
antdant-design/ant-design-cliUse when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between a6.4Kskills.sh installs
web-video-presentationconardli/garden-skills把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→ 可选音频合成（p6.3Kskills.sh installs
spec-to-code-compliancetrailofbits/skillsCheck code against the documentation that specifies it - which requirements hold, which the code contradicts, which are absent, and what the code does that no d6.3Kskills.sh installs
playwright-skilltestdino-hq/playwright-skillBattle-tested Playwright patterns for writing, debugging, and scaling reliable test suites. Use when you need guidance for E2E, API, component, visual, accessib6.2Kskills.sh installs
setup-matt-pocock-skillsvinvcn/mattpocock-skills-zh-cn为此仓库配置 engineering skills——设置其 issue tracker、triage labels 词汇与 domain docs 布局。在首次使用其他 engineering skills 前运行一次。6.2Kskills.sh installs