All 94 skillsDesign and media5 of 10
stryx:3d-engines
When building or fixing live 3D inside an app: Three.js, React Three Fiber or Babylon.js.
/stryx:3d-enginesInside its piece: 48 specks, one for each file on its shelf. Its nine group-mates glow on the open book behind it. The light splits toward yellow, the band of Design and media.
In numbers
counted 2026-10-12 in the installed set- 16reference files
- 5helper scripts
- 48files in the skill
- 412KB on disk
- 6chapters
- 1agent works by this book
Use it when
in the skill’s own wordsWhen building, fixing or speeding up real-time 3D in a web or Electron app with Three.js, React Three Fiber (R3F) and Drei, or Babylon.js
- scenes
- cameras
- lights
- PBR materials
- glTF/GLB loading (Draco, KTX2, meshopt)
- shadows
- raycasting and picking
- animation clips
- physics (Rapier, Havok)
- WebXR
- particles
- 3D GUI
- post-processing
- WebGPU renderer, TSL node materials, compute shaders or WGSL
- product configurators
- model viewers
- 3D browser games
- 3D data visualizations
- engine-level bugs such as a black or empty canvas
- washed-out colors
- z-fighting
- shader compile errors
- lost WebGL context or WebGPU device
- 3D performance (draw calls, instancing, LOD, texture memory, pixel ratio)
- Scaffolding a Three.js, R3F or Babylon starter and generating scene, component or mesh code
Not for
another skill does it- Cinematic Awwwards-style brand sites→ stryx-3d-web-design
- Painting or exporting PBR textures→ stryx:3d-texturing
- 2D games or game rules→ stryx:game-dev
- Page motion and charts→ stryx:design
On its shelf
48 files, 412 KB- assets/25
- references/16
- scripts/5
- SKILL.md1
- evals/1
Inside the book
6 chapters, by title only- Pick the engine
- In the owner's apps
- Pictures and textures for the scene (local GPU first)
- Core procedure
- Current-API rules (the ones old tutorials get wrong)
- Performance budgets (per frame)
Its helper
1 agent works by this book- stryx:designerWhen a screen, page, logo, icon set or deck must be made or restyled.
Works with
the skills it names most- stryx:design→When making anything you see: a screen, website, dashboard, logo, icon set, slides or charts.
- stryx:3d-texturing→When making or exporting textures from Substance 3D Painter for the web or a game engine.
- stryx:ai-power→When you are not sure which skill fits, or you say "load aipower": it is the map of all skills.
- stryx:electron→When working on Electron desktop app code: windows, the bridge between its parts (IPC), tray, menus.
- stryx:game-dev→When making or fixing a game for the browser or Electron: the loop, controls, collisions, saves.
- stryx:debug→Something is broken: a bug, an error, a crash, a failing test or wrong data.
Claude loads it by itself when the moment comes; by hand, type the line at the top. It comes with the whole set: Installs all 94 skills, 32 agents and the brain program as one set. The skill’s own text is private source and is not shown here.