Recipes

Clanker, I'm Fine

A music video in 11 languages where every frame is JavaScript, drawn in a black-and-white manga look. On its live page every tap on the film restyles it in another Katagami design language.

Made by Arni

How it was made

1One dense song

Jokes of the AI moment in 11 languages, with the song made in Suno.

A scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another languageA scene from the film, in another language

Lines from the film in Japanese, Korean, Chinese, Russian, Spanish, Portuguese, Italian and Ukrainian.

2Timed to the word

The lyrics were aligned against the isolated vocals, so no word shows before it is sung.

The scene with only the word Click showingThe same scene with Click the box showingThe same scene with Click the box, I am not a showing

The same scene at three moments of the line. A word shows when it is sung.

3Drawn in code

Reference pictures were redrawn as ink and traced into vectors; no generated image is in the film.

The reference picture
The reference picture
Redrawn as ink
Redrawn as ink
Traced into vectors, in the film
Traced into vectors, in the film

4Forty-three scenes

Each line is a scene built as a web composition, in Katagami looks.

5Two frames

A 16:9 film for X and a vertical film composed for phones, not cropped from it.

The blind box scene in the 16 by 9 film
16:9, for X
The same scene composed for a phone, 9 by 16
9:16, composed for phones

6Tap to restyle

On the live page, every tap swaps the film into another Katagami design language.

I used to raise a TamagotchiNow it’s raising me (and I’m fine)
  • Brass used as it is

  • Spine from Risograph

  • Letterer from Benday

  • Litfass from Plakat

  • Teletext from Dither

Tap a look. The words and the layout stay; the colours and fonts change.

Ingredients

Every look, style and program in it is a Katagami entry. Open one to use it yourself.

Art styles6

Design languages24

Make your own

Copy this recipe for your agent and give it your song, or a brief for one, and the Katagami looks you want. It times the lyrics to your vocals, builds the scenes, and gives you the film and a tap-to-restyle page.

Connect Katagami in

Run in your terminal:

claude mcp add --transport http katagami https://katagami.ai/mcp

You can change

  • The songits languages and every joke.
  • The film's lookany Katagami art style with a strong ink identity.
  • The tap looksany Katagami design languages, since the scenes read only tokens.
  • The highlight colourone token.
  • The sceneshow many, and their order.