Live portfolio operating system

Brandon Barclay builds impossible-looking systems into working products.

AI interfaces, mathematical engines, production web platforms, and creative tools presented as artifacts you can open, inspect, and use.

Live target
brandonbarclay.com
Static surfaces
89
Primary modes
AI / math / music / product
Next.js app router
Framer Motion
D3 visualizations
React Flow diagrams
MDX music catalog
Nx workspace

Proof of work

Lead with artifacts, not claims.

The homepage now behaves like a command center for the strongest work in the repository: visual proofs, model interfaces, music systems, and production delivery. Every panel points to something real.

Recovered motion

Bring back the old animation energy, but attach it to real outcomes.

The old commits had animated backgrounds, typed code, flow diagrams, and reel-style motion. The upgrade keeps that kinetic identity while making each motion cue point to a shipped capability.

build-console.ts
01const portfolio = compose({02  ai: graphModels.toInterfaces(),03  math: proofs.renderInteractive(),04  music: catalog.indexLyrics(),05  deploy: vercel.production(),06});
Build
Passing
Surface
Interactive
Next
Deploy

Featured systems

Three front doors into the work.

Instead of burying the best material in navigation, the homepage now gives fast paths into the math, AI, and exploration surfaces that make the site different.

Research becomes interface

Mathematical ideas are not described from a distance. They become manipulable, visual, and testable.

AI becomes product

Model behavior, graphs, knowledge structures, and generation flows get turned into tools people can inspect.

Creative work becomes system

Music, writing, and personal work are treated as structured content with real catalog and discovery surfaces.

Generated hero asset, recovered motion patterns, and production deployment now point at the same live system.