Back to projects

Ratfolio

Claude
Next.jsReactTypeScriptUpdated February 2026
Ratfolio
View on GitHubView Live

As I was looking for inspiration to make this portfolio, I asked myself: what if you navigated a site by clicking on rats?

I built this whole thing in a night using Claude Code, Gemini for the art, and Suno.ai for the music.

Fun Fact

In order to make the images, I had Gemini generate an individual painting of each rat. I then took all six of those, and asked Gemini to make a full image featuring all the rats.

All six rats together in one painting

If I was looking to be as performant as possible, I'd have had Gemini create the image without each of the rats. I'd have isolated the image of each rat, put it back on the "blank" canvas, then had Gemini make a separate version of each rat, as if they were facing the viewer.

Instead, I had Gemini simply make a different version of the canvas, where it had one of the rats facing the viewer with a glow behind it.

The second fun half of this was the fading music. I had Suno.ai whip up a tune to fit the main room — simple enough. But how could I get similar sounding, matching tunes for it to neatly fade into as it transitioned rooms?

I had Suno.ai's "Cover" feature to thank. Doing this, and simply regenerating a cover until it was the same length of time as the original music, resulted in some smoothly transitioning music that could fade in and out as different paintings are navigated towards.

Suno.ai Cover feature used for music transitions

The whole thing gave me the vibe of a point and click adventure. Could be a fun project to revisit if I have more ideas!