About Journey Works Contact
Back to works
Personal project AI Experiment · Claude 2024

Jazztronaut Space — AI Experiment

A fully space-themed alternative portfolio built entirely with Claude as a creative experiment — exploring how far AI can push interactive UI design with orbiting planets, star fields, scroll animations and a working Space Invaders game.

Type
Personal experiment
Built with
Claude (Anthropic)
Year
2024
Stack
HTML · CSS · Vanilla JS · Canvas API

The experiment

As a UX/UI designer, I was curious how far I could push Claude as a creative collaborator — not just for utility tasks, but for building something visually ambitious from scratch. The brief I gave myself: build a fully space-themed alternative portfolio with rich interactivity, without writing a single line of code myself.

The result is a dark, immersive portfolio with orbiting planets, an animated star field, scroll-triggered animations and three fictional project case studies — all topped off with a fully playable Space Invaders game.

🪐
Orbiting planets
Multiple animated planets with radial gradients, depth-of-field shadows and floating motion loops.
Live star field
Canvas-based procedural star field that renders hundreds of twinkling stars in real time.
🎮
Space Invaders
A fully playable Space Invaders game built entirely in Canvas API with score tracking and progressive difficulty.
Scroll animations
Elements animate in as you scroll using an IntersectionObserver — no libraries, pure JS.
🖱
Custom cursor
A space-themed custom cursor that reacts to interactive elements throughout the page.
📐
3 project pages
Cosmos Editorial, Nova Banking and Orbit Health — three fictional case studies with their own visual identity.

Live preview

Explore the full experience below — including the homepage, project pages and Space Invaders game. All built by Claude, no manual code.

Play Space Invaders

Claude generated a fully working Space Invaders game as part of this experiment — complete with score tracking and progressive difficulty. Play it here ↗

What I learned

Claude is a remarkably capable creative collaborator. Given clear direction and a strong visual brief, it can produce cohesive, interactive UI that goes well beyond simple layouts. The limitations show up in complex state management and fine-grained animation timing — but for concept exploration and rapid prototyping, the output is impressive.

This experiment also confirmed something I suspected: the designer's eye is still essential. Knowing what to ask for, how to iterate, and when to push harder is what separates a generic AI output from something that actually feels designed.

Next project
N-ACA — ACA Group
View project →