Vibe Coding An Interactive Clothing Rack

First, shoutout to Cambree Bernkopf for the idea. I stumbled onto her creation on twitter and wanted to try it myself.

I took this straight to Claude and asked if this was something we could do. Was quickly evident it would be a piece of cake, actually. At first I just asked Claude to recreate the clothing rack. The first iteration included these ugly 2D shirts puffed up. The lighting was flat, there was no texture or realism at all.

I remembered I actually made a t-shirt on a hanger in Marvelous Designer a long time ago. I know I probably could have iterated with Claude to get a better base shirt, but why not use my own work? I exported the garment on the hanger as a GLB from Cinema 4D and gave it to Claude. From there the base shirts were replaced. I also added a wooden texture to the hangers.

Things were looking a lot better, but the overall fidelity was still too low. From here, I instructed claude to add some cotton texture to the shirts for some variation and realism. Additionally, I changed the overall textures to increase the realism. The metal rack needed to be a more reflective chrome, the hangers a more rich mahogany wood, and remove the useless UI on the page.

There were some issues with the textures being clipped, but turned out to be some arbitrary depth map Claude was using. An easy fix from there.

Lastly, I instructed Claude to add some abstract geometric shapes for the shirt graphics.

The end result is a nice clean interactive clothing rack. I'm very happy with the animation and clothing fidelity.

For the next iteration, I would try to add real clothing and a variation in styles such as hoodies, button-ups, and more to increase the possible utility of this.