add-effects
Use when adding visual effects to a PlayCanvas app, to choose between particle systems, shader chunks, runtime meshes, and post-processing.
How do I install this agent skill?
npx skills add https://github.com/playcanvas/skills --skill add-effectsIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides best practices and technical instructions for implementing visual effects, trails, and camera shake in PlayCanvas applications. It focuses on using built-in engine components, resource pooling, and shader prewarming to ensure performance and visual quality. No security risks were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Effects
Pick the Engine building block first, then adapt its closest official example with
find-examples:
- Particle systems: the
particlesystemcomponent (graphics/particles-*examples). - Custom shading on existing surfaces:
StandardMaterialchunk overrides (override-shader-chunks), or aShaderMaterialwhen the effect needs its own shader pair. - Procedural or per-frame geometry: a runtime-updated
Meshon arendercomponent (graphics/mesh-*examples), orWideLineRendererfor lines with width. - Full-screen effects:
CameraFrame(light-scene). - Gaussian splat effects: the shipped gsplat scripts (
reuse-scripts).
Engine gotchas
CurveSettakes one key array per channel. A flattened array type-checks, then fails at texture upload.- Create emitters and meshes at load and reuse them. Fire an emitter with
reset()thenplay(); one-shots useloop: false. - The first use of a shader stalls a frame. Render each effect once behind a loading screen.
- Animate values with
setParameter, not a per-framematerial.update(). - A lit material on a custom mesh needs normals; otherwise use an unlit material.
Trigger each effect through the app's real inputs, and confirm repeated triggers keep entity counts stable.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/playcanvas/skills/add-effects">View add-effects on skillZs</a>