# Apply and Troubleshoot PixiJS v8 Blend Modes

PixiJS blend effects can fail because of missing extensions, renderer settings, or outdated APIs. This skill provides examples for correct setup, efficient ordering, and high-DPI troubleshooting.

## Install

```bash
npx skillstore add pixijs/pixijs-blend-modes
```

## Metadata

- Status: approved
- Slug: pixijs-pixijs-blend-modes
- Skillstore revision: r1
- Version status: missing
- Tree hash: 39a438d0de26df72f6d7309e9978caaa077681460a512909804b72c2dffe9d61
- Author: pixijs
- GitHub username: pixijs
- License: MIT
- Repository: https://github.com/pixijs/pixijs-skills/tree/83760c6f53462ca9cecd68055041f5a8c94758ce/skills/pixijs-blend-modes
- Ref: 87f2584d3e4e80d55f6cf20a6f7e135986b3b26f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 77
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/pixijs-pixijs-blend-modes
- Manifest: https://skillstore.pages.dev/api/skills/pixijs-pixijs-blend-modes/manifest

## Capabilities

- Explain standard blend modes, including add, multiply, screen, erase, inherit, min, and max.
- Show advanced blend extension imports and WebGL back buffer configuration.
- Compare advanced blend modes by their documented visual effects.
- Illustrate grouping adjacent objects by blend mode to reduce batch transitions.
- Explain replacing PixiJS v7 runtime enum usage with v8 string values.
- Troubleshoot high-DPI clipping using filter resolution inheritance and explain its resource costs.

## Use Cases

- Add lights and shadows to a game: Choose additive lighting and multiply shadows, then configure the corresponding sprite blend modes.
- Debug advanced compositing: Check extension registration, WebGL back buffer configuration, and high-DPI filter resolution when overlay effects fail or clip.
- Review a rendering migration: Replace legacy blend enum access and identify unnecessary blend mode transitions in a PixiJS v8 scene.

## Prompt Templates

### Beginner: Select a blend mode

```
I use PixiJS v8. Recommend blend modes for glowing lights and dark shadows, and show the sprite assignments.
```

### Intermediate: Configure advanced modes

```
My PixiJS v8 color-burn sprite looks normal in WebGL. Show the required extension import and application initialization settings.
```

### Advanced: Review batching

```
Review my PixiJS v8 scene below for blend mode transitions. Suggest batching improvements while preserving overlap order, and explain draw call assumptions.
```

### Expert: Diagnose high-DPI compositing

```
Review my PixiJS v8 overlay setup below. Diagnose high-DPI clipping, propose filter resolution settings, and explain memory, runtime, and WebGL back buffer tradeoffs.
```

## Limitations

- Targets PixiJS v8 rather than providing a complete guide for older versions.
- Provides documentation and examples, not an executable renderer, automated tests, or visual verification.
- Advanced modes have filter overhead, and min and max require WebGL2 or later.
- Batching examples are simplified; actual draw calls depend on other render state and scene constraints.

## Best Practices

- Register advanced blend modes and enable the WebGL back buffer before relying on advanced effects.
- Group compatible siblings by blend mode only when the visual stacking order remains correct.
- Use inherited filter resolution when high-DPI fidelity requires it, and measure the memory and runtime impact.

## Anti Patterns

- Using the PixiJS v7 BLEND\_MODES runtime enum in v8 instead of string values.
- Assuming advanced blend modes work without extension registration or the required WebGL back buffer.
- Reordering overlapping sprites solely to reduce batch transitions without checking compositing correctness.

## Security Audit

- Audited at: 2026-11-04T15:59:19.487\+00:00
- Summary: All 61 static findings are false positives involving Markdown formatting, API reference links, or blend extension setup guidance. No evidence found of shell execution, system reconnaissance, data exfiltration, or prompt injection in SKILL.md.

## Stats

- Views: 0
- Downloads: 0
- Favorites: 0
- Popularity score: 0