Build

WebGPU Anvil

100+ production WebGPU effects. Three-tier rendering. Perf-validated.

Build Three.js r171+ / TSL effects with the three-tier render system (WebGPU primary, WebGL2 fallback, SSR-safe static). 100 production effects ship today, all under the 100 KB bundle budget and verified against LCP/INP/CLS thresholds. Library grows quarterly — new effects added with no upcharge. Includes niche fitness scoring across 3 aesthetic axes (dark/organic/sharp), 6 architectural patterns, the new-effect template, IntersectionObserver lifecycle, FPS guard, async render pipeline, and field-tested rules from building all 100 effects. Bonus: master demo gallery (999 lines, embed-ready with ?filter= and ?hero= query params) plus the niche-fitness auto-selector (lib/effect-selector.ts, 17/17 silo-scenario tests passing). See every effect running live at anvilroad.com/skills/webgpu-anvil.

What it does

Build Three.js r171+ / TSL effects with the three-tier render system (WebGPU primary, WebGL2 fallback, SSR-safe static). 100 production effects ship today, all under the 100 KB bundle budget and verified against LCP/INP/CLS thresholds. Library grows quarterly — new effects added with no upcharge. Includes niche fitness scoring across 3 aesthetic axes (dark/organic/sharp), 6 architectural patterns, the new-effect template, IntersectionObserver lifecycle, FPS guard, async render pipeline, and field-tested rules from building all 100 effects. Bonus: master demo gallery (999 lines, embed-ready with ?filter= and ?hero= query params) plus the niche-fitness auto-selector (lib/effect-selector.ts, 17/17 silo-scenario tests passing). See every effect running live at anvilroad.com/skills/webgpu-anvil.

Exactly what you download

webgpu-anvil.zip · 636 files · 1487 KB
webgpu-anvil/
├── README.md
├── REFERENCE.md
├── SKILL.md
├── docs/  (7 files)
├── effect-library/  (615 files)
├── examples/  (5 files)
├── references/  (3 files)
└── templates/  (3 files)

Generated from the real product file.

Your terms

  • One-time purchase. No subscription, nothing to cancel.
  • Use it in your own business and on client work.
  • Change it however you like. The files are yours to keep.
  • Download link emailed immediately. It works for 30 days.
  • Full license · 14-day guarantee

Works with your AI

Pick where you use AI

Claude CodeNative

Drop the folder into .claude/skills/. This is the format the files are written in, so nothing needs converting.

mkdir -p .claude/skills
cp -r webgpu-anvil .claude/skills/

Every skill is plain markdown plus its references and scripts. Any AI tool that can read a rules or context file can run it. The tiers above say where we have actually checked.

Pairs well with

Ready when you are

100+ production WebGPU effects. Three-tier rendering. Perf-validated.

14 days to change your mind. Email support@anvilroad.com and we refund it.