← back

Side project · open source

Unfold

I made a little tool that draws isometric illustrations which unfold as you scroll.

Scroll down and watch it build itself. This one is running live on the page.

Unfold is a skill, an add-on for AI coding assistants like Claude Code or Cursor. You describe what you want to show, say a pricing page, a city or a product launch, and it suggests a few ideas, draws the one you like and checks its own work before handing it over. What you get is an illustration ready to drop into a web page.

Blocks rise out of the street plan in a wave, and the tower lands last.

Every illustration starts lying flat, like a closed pop-up book, and stands up as you reach it. Scroll back and it folds away again. It's all soft, rounded shapes lit from one side, with a single splash of colour on the thing that matters.

Three plans stand up, and the one to pick stands tallest.

Try it

It's free and open source. If you use an AI coding assistant, it's one line to add:

npx skills add fippzor/unfold

Or just play with the demos.

Packaging a visual style for AI assistants like this was inspired by Hairline, by Lucas Marques.