ATL[USA]--:--:-- --

AI_LAB.

A working index of AI code experiments across generative interfaces, autonomous agents, and 3D.

SYSTEM ONLINE
LATENCY: 14MSMODELS: 7 ACTIVEBUILD: v14.9.2
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
WARNING: NEURAL DRIFT DETECTEDINDEX: 0x9F4AUPTIME: 99.99%AWAITING INPUT
EXP-01 // GITHUB // 2026

Morphing Particle Swarm

Morphing Particle Swarm
FIG. 01

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.

Three.jsWebGLHTML
LIVE
EXP-02 // GITHUB // 2026

Pixel Globe

Pixel Globe
FIG. 02

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.

Three.jsPointer Events
LIVE
EXP-03 // GITHUB // 2026

ASCII Cam

ASCII Cam
FIG. 03

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.

Canvas 2DgetUserMedia
LIVE
EXP-04 // CODEPEN // 2026

Won OS

Won OS
FIG. 04

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.

Vanilla JSCSS Variables
LIVE
EXP-05 // LIVE // 2026

Video Archive

Video Archive
FIG. 05

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.

GSAPScrollTriggerVanilla JS
LIVE
EXP-06 // GITHUB // 2026

3D Conway's Life

3D Conway's Life
FIG. 06

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.

React 19React Three FiberVite
BETA
EXP-07 // GITHUB // 2026

Typewriter Simulator

Typewriter Simulator
FIG. 07

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.

Web Audio APIVanilla JS
LIVE
EXP-08 // GITHUB // 2025

Orbital Concentric Clock

Orbital Concentric Clock
FIG. 08

A clockface that reads time across three circular tracks instead of two hands. Generated and iterated in Google AI Studio.

ReactTypeScriptAI Studio
STABLE
EXP-09 // GITHUB // 2025

Chronos Dial Timer

Chronos Dial Timer
FIG. 09

A countdown timer wrapped in a skeuomorphic dial you turn rather than type into. Built as an AI Studio app.

ReactTypeScriptVite
STABLE
EXP-10 // GITHUB // 2025

Word Clock

Word Clock
FIG. 10

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.

ReactTypeScriptAI Studio
STABLE
EXP-11 // GITHUB // 2026

Interactive Dot Grid

Interactive Dot Grid
FIG. 11

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.

Canvas APIVanilla JS
LIVE
EXP-12 // CODEPEN // 2026

GestureDraw

GestureDraw
FIG. 12

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.

GSAPCanvasJavaScript
LIVE
EXP-13 // CODEPEN // 2026

3D Campus

3D Campus
FIG. 13

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.

Three.jsJavaScript
LIVE
EXP-14 // CODEPEN // 2026

ASCII Genesis

ASCII Genesis
FIG. 14

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.

JavaScriptCanvasCSS
LIVE
EXP-15 // GITHUB // 2026

Form Autocorrect

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.

ReactTypeScriptMagic Patterns
BETA
EXP-16 // GITHUB // 2026

Portfolio Review Skill

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.

Claude CodeAgent Skill
LIVE
EXP-17 // GITHUB // 2026

Design Audit

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.

Claude CodeAgent SkillHTML
LIVE