Review architecture
Two auditors, one arbiter
Every change runs a Pedant (implementation correctness) and a Critic (design correctness) in parallel. An Arbiter resolves conflicts with cited evidence — and only its ruling advances.
Studio Joe
Real-time graphics, web and native.
A studio that ships its own tools. WebGPU, Canvas, Metal — the eye candy here is the proof, and every bit of it is takeable.
Scroll — Sandbox · Shelf · Workbench ↓
Sandbox
Put your hands on the tools.
No video, no GIF — the real toolkit running in your browser. Launch emoji fireworks, twist a Fermat spiral, fold a kaleidoscope mandala, or steer a tiny emoji galaxy. Same lib that builds the rest of this site, four ways to make it bloom.
move your pointer over the stage
Shelf
Take something with you.
The tools and projects, free to use. The store wraps these later; for now they are one click away.
Toolkit
sj-design
The motion / graphics / emoji-viz toolkit this site is built out of — WebGPU scenes, dancing formations, atmosphere system. Going public; the rest of the work is on GitHub now.
On GitHub ↗
Library
sj-audio
Cross-browser web-audio capture + analysis for music viz — mic, media element, device picker, tab audio, file. Zero deps, TypeScript, one-line engine with fallback.
Open ↗
Showcase
Savers
StudioJoeSavers ported 1:1 to the web — five raw-WebGPU/WGSL scenes (Tideline, Lattice, Mercury, Topography, Plasma) and one Three.js scene (Pipes). Time-driven, instrumented, tunable.
Open ↗
Side project
Music Nerd
The music-player & web-iPod projects — album-art-reactive player with color extraction, and a working click-wheel iPod (Spotify & Apple Music).
Open ↗
About
Resume
The work, the range, the proof — quality engineering through real-time graphics.
Read ↗
Code
GitHub
Everything in the open — apps, skills, side projects, this site.
Browse ↗
Workbench
How the work gets made.
Not just what ships — the machine that ships it. I co-engineer with Claude under a defensive-engineering playbook: a tight brainstorm → plan → approve → small verified chunks → ship → handoff loop, with correctness gated at every step. The four contracts below are the load-bearing parts — and this site was built under all of them.
the loop, always running
Blog & video — coming
Context management
Context is managed state
No leaning on chat history. Each phase hands off a self-contained Context Packet; past a token budget the agent cold-boots into a fresh context carrying only the packet, so dilution never corrupts the work downstream.
Agent design
A fleet of specialists
Not one generalist — a roster of narrow experts. graphics-api-expert routes GPU questions across Vulkan / DX12 / Metal / WebGPU against local vendor references; swarm skills fan work out to parallel agents, capped and reconciled.
Defensive engineering
Fast, loud failure
A hung agent is worse than a failed one. An eight-class error taxonomy makes every failure a deterministic recovery decision; a circuit breaker forbids the same fix more than twice before it escalates to a human.