case-study
Turn any web project (WebGL, three.js, React Three Fiber, Theatre.js, GSAP or Lenis scroll sites, and plain DOM sites) into case-study material for the studio website. Produces frame-perfect 16:9 clips of every chapter and transition, layer-by-layer decompositions of every scene, Blender turntables and clay/wire/bake renders, every sound exported separately with mixes rebuilt from the animation data, every image asset (glyphs, logos, frames, textures) exported separately, and a shareable exploration board. Triggers "case study", "showcase", "portfolio piece", "making-of", "breakdown", "how it's made", "decompose the scene", "take apart the landscape", "record the site", "capture footage", "turntable", "export the sounds", "extract the icons/assets". Use when a finished project needs to be shown, even if nobody says "case study".
Pinned to revision f2e0286aa5dc, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/case-study/SKILL.md
- skills/case-study/examples/clips-template.txt
- skills/case-study/examples/recipe-template.js
- skills/case-study/examples/soundtrack-spec.json
- skills/case-study/examples/transition-anatomy.js
- skills/case-study/examples/type-on-black.js
- skills/case-study/references/blender.md
- skills/case-study/references/board.md
- skills/case-study/references/gotchas.md
- skills/case-study/scripts/blender/chapters_lib.py
- skills/case-study/scripts/blender/common.py
- skills/case-study/scripts/blender/encode.sh
- skills/case-study/scripts/blender/turntable.py
- skills/case-study/scripts/browser/boot.js
- skills/case-study/scripts/browser/cdp.js
- skills/case-study/scripts/browser/chrome.sh
- skills/case-study/scripts/browser/click.js
- skills/case-study/scripts/browser/film.js
- skills/case-study/scripts/browser/goto.js
- skills/case-study/scripts/browser/hold.js
- skills/case-study/scripts/browser/hook.js
- skills/case-study/scripts/browser/instances.js
- skills/case-study/scripts/browser/layers.js
- skills/case-study/scripts/browser/map.js
- skills/case-study/scripts/browser/prelude.js
- skills/case-study/scripts/browser/rec.js
- skills/case-study/scripts/browser/solo.js
- skills/case-study/scripts/media/cut_film.sh
- skills/case-study/scripts/media/enc_web.sh
- skills/case-study/scripts/media/export_sounds.sh
- skills/case-study/scripts/media/export_svgs.js
- skills/case-study/scripts/media/frames2mp4.sh
- skills/case-study/scripts/media/sheet.sh
- skills/case-study/scripts/media/soundtrack.py
- skills/case-study/scripts/media/theatre_history.py
Every link opens the file at its source, pinned to the revision this page describes.