A working index of AI code experiments across generative interfaces, autonomous agents, and 3D.
An interactive experiment that uses the webcam or cursor to dynamically adjust the view angle of the 77 logomark in real-time. The webcam finds your eyes and the window becomes a pane of glass, so as you move your head the two sevens pull apart in depth.
Nine impossible structures you can pick up and turn: a Penrose tribar, a staircase that climbs forever, a waterfall that feeds itself. Each one opens in the single view where the illusion holds. Drag to twist it and the real geometry falls open, then let go and it snaps back into place.
Eighteen polished metal rings hanging like a mobile, after the Petalclouds installation at Changi Airport. Brush them with the cursor and the twirl passes down the line. Five arrangements and four metals, all easing into each other.
Robert Frost's poem as a forest you walk instead of a page you read. Arrow keys carry you down a low-poly trail and each line surfaces in the air as you reach it, until the path forks — the grassy road leaves at the shallower angle, so holding your line takes the one less travelled by.
Nine surfaces from differential geometry, each one computed live from its equation: Boy's surface, a Klein bottle, a Hopf torus and more. Sliders reshape them and switching surfaces melts one into the next. Wireframe or plaster cast, no libraries.
The pin art toy rebuilt in 3D. Up to 80,000 pins rise and fall with the brightness of whatever is under them: a demo animation, your camera, an image or a video. One instanced mesh, lifted in the vertex shader.
Turns an image, a video or the built-in animation into a two-colour print: wavy engraving lines, halftone dots or ordered dither, with the weight of the pattern following brightness. Exports PNG or recorded video.
Live ASCII art from video, GIFs and images, drawn by a fragment shader so playback runs in real time. Character presets, edge emphasis, dither and source colour, plus PNG and video export. One HTML file.
A word built out of a material: rain beading on glass, desert sand, fire, snow or liquid mercury. Switching materials sweeps the change across the word, so sand can melt into mercury partway through.
A self-contained WebGL particle engine that morphs 20,000 particles between a sphere, cube, pyramid and torus. Real-time controls, GLB mesh surface sampling, and touch support in a single HTML file.
Earth rendered as a grid of dots, plotted from NASA Blue Marble land classification data on an equirectangular projection. Drag, zoom, and flick with momentum.
A live webcam feed stylized into a refreshing character grid. Density, single-character and custom ramp modes, with ITU-R BT.709 luminance mapping and snapshot capture.
A portfolio disguised as an MS-DOS terminal. Boot sequence, ASCII banner, command history, green and amber phosphor themes, CRT scanlines, and a few hidden commands. One HTML file, no dependencies.
Twenty years of creative work cataloged as 42 short screen recordings, playable inline and browsable as a slider, a list, or a modal player. Built with no framework and a vendored GSAP.
Conway's Game of Life rebuilt as an isometric voxel world. Click cells to seed them, then watch animated characters shift color across their lifecycle as the generations run.
A skeuomorphic 1950s typewriter in the browser. Hammer strikes, carriage return, paper scroll, and procedurally synthesized key sounds. No build step, no dependencies past two fonts.
A clockface that reads time across three circular tracks instead of two hands. Generated and iterated in Google AI Studio.
A countdown timer wrapped in a skeuomorphic dial you turn rather than type into. Built as an AI Studio app.
Time spelled out in a lit grid of letters, the classic word clock rendered as a component-driven web app. Another Google AI Studio generation.
A full-screen field of dots that lights up under the cursor and throws expanding ripple waves on click, displacing and coloring the grid as they pass. Canvas only, touch supported.
A gesture-based navigation experiment. Draw a shape on the canvas with the mouse and the gallery scrolls in the direction of the gesture, with the size of the shape setting how far it jumps.
A low-poly campus you walk through in third person. Buildings are keyed to HTML, CSS and JS on a map legend, with keyboard movement, click-to-walk and orbit controls.
A scroll-scrubbed ASCII animation on a fixed stage. Scroll position drives the character field while a grain overlay keeps it feeling like a bad CRT.
A registration screen with inline validation and autocorrection, generated with Magic Patterns to test how far prompt-to-UI tooling gets before hand editing starts.
A Claude Code skill that reviews design portfolios the way a hiring manager would. Feed it a URL or PDF and a seniority level, get back severity-coded findings on copy, IA, positioning, case studies, CTAs and the About page.
A context-aware UI/UX audit skill for Claude Code. Grades visual design, usability heuristics, UI patterns, human factors, UX copy and information architecture, adapting its criteria for mobile app, web app or marketing site and citing the standard behind every finding.
