Vibe Coding · Playground

Playground

Small things I build fast with AI, to think out loud and to keep my hands in the craft. Some are finished. Some are experiments. Each one is here to show how I think and what I can build.

Projects

5 live · 1 on the way

Built with

Claude · Gemini · Codex · Midjourney · OpenArt · Runway · Tripo 3D · Three.js · Web Audio · JS + SVG

Design system

CreaTing, my own tokens and voice

Pace

From idea to playable in days

LiveInteractive · 3D Toy

Takeoff Wobble Studio

Builder range, and the one piece that ties back to the Takeoff case and its physical stress ball.

The Takeoff mascot, rebuilt as a roly-poly you can pick up, throw, poke, and tickle. Hand gestures, spring physics, and sound synthesized live in the browser. Now in true 3D from the product model. It started as a wordmark, shipped as a foam stress ball, and here it is again as something you can play with. See the physical product story

Made with Claude (build) · Tripo (3D model) · Three.js + Web Audio

LiveDesign system · Motion

CreaTing in Motion

Systems thinking plus motion, in a lane no other designer can copy.

My tokens, the spark and arrow markers, and the Takeoff bird's illustration system brought to life. One bird, many poses, held together and set in motion.

Made with Midjourney (bird consistency) · OpenArt (poses + refine) · Runway (motion) · Claude (build)

LiveInteractive · Mini-game

Connecting Games

The process itself is the game loop. Systems thinking you can play, not just read about.

My design process as a playable mini-game. Six quick puzzles, one per phase: connect the scatter, pull the tangle straight, trace the idea, hear the testers out, finish the last 10%, piece the system whole again.

Made with Claude (build) · JS + SVG

LivePublishing · Interactive Shelf

Off the Press

Real shipped print work, reshelved as something you can browse, flip, and rearrange.

Fun book projects I designed or oversaw — teacher’s guides, student workbooks, picture dictionaries, sales books — on a cover-forward bookboard. Click any book to flip through real spreads in a 3D page reader, or drag covers along the shelf to curate your own row. Open the full bookboard

Made with InDesign (the books) · Claude (build) · JS 3D page flip

LiveEdtech · Accessibility

Lens Kit

From the edge in, as a working tool rather than a slogan. Straight from the Takeoff accessibility work.

A pocket accessibility lens, one bookmarklet for any page. Five vision lenses from protanopia to low-vision blur, plus a WCAG contrast scan that writes its own Markdown report.

Made with Claude (build) · Vanilla JS + SVG filters

NextAI · Product

Ting-Bot

Building an AI-powered product, character IP, and thinking about AI transparency.

A small companion that answers in my design voice, built on the Claude API with the Ting persona. Web version, so it embeds right here on the page.

Made with Claude API (chat) · Midjourney + OpenArt (Ting) · Runway (idle)

Coming soon