# How to add live fire, water or light effects to a figure with anatomy

Repo: [wheresryan22/anatomy](https://github.com/wheresryan22/anatomy) | Difficulty: Intermediate | Time: 1 hour | Basis: From the README

Ask for a figure that needs exhaust, ripples or glow and get WebGL effects inside the isometric drawing.

**Who it is for:** Educator or designer making a physics or engineering explainer that needs motion effects

**The problem:** Flat vector drawings cannot show fire, fluid or light in motion.

**The outcome:** A figure whose WebGL layer draws the effect in the same isometric camera as the SVG parts, like the README's engine plume and ripple tank.

## Steps

1. Install the skill: npx skills add wheresryan22/anatomy -g
2. Describe a machine that needs an effect, for example a rocket engine firing.
3. Open the page and trigger the effect; check it sits inside the drawing.
4. Test in a browser with WebGL enabled, since the SVG alone shows no effect.

## Prompt to paste into your agent

```text
Use wheresryan22/anatomy to build a figure of <machine with fire, water or light> with a WebGL effect layer. Verify the effect lines up with the SVG parts and the figure still reads without WebGL.
```

## Caveat

Shader effects need a browser with WebGL and can be slower on weak hardware.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/wheresryan22-anatomy/add-fire-water-and-glow-effects-to-a-diagram/