Chapter 06 / + Higgsfield

Generated media, made interactive.

Claude prompted Higgsfield for images, video loops, a textured 3D model and voices, then built experiences around them. Generation is half the job. Making the assets do something is the other half.

Demos

Image to 3D product configurator

Higgsfield turned a generated product photo into a textured GLB. Claude built a configurator around it, with color tints, clay and wireframe modes, and a voice ad that makes Bolt bounce to the audio.

  • Image
  • Image to 3D
  • Voice
  • GLTFLoader
Generated product photo of the toy robot
Source image → 3D mesh
Bolt / Designer vinyl $89
Loading 3D model

360° panorama

A generated wide panorama wrapped onto a cylinder you can stand inside.

  • Image
  • Cylinder map
Drag to look around

Portrait to particles

Every pixel of the generated mascot becomes a GPU particle that flees your cursor.

  • Image
  • Custom points shader
Hover to push pixels

Generated material

A generated holographic foil becomes the texture for a clearcoated, iridescent knot.

  • Texture
  • PBR material
Move your cursor

Video on curved 3D screens

The generated cinemagraph plays as a live VideoTexture on a curved screen, flanked by generated stills, over a reflective floor.

  • Video
  • Images
  • VideoTexture
Move to look around

Sketch to render

A generated pencil sketch was fed back in as a reference and turned into a photoreal interior with the same composition. Drag to compare.

  • Image
  • Image edit
  • Clip-path slider
Photorealistic render of the living room
Pencil sketch of the living room
SketchRender

Holographic trading card

The generated mascot plus the generated foil texture, blended with color-dodge and tilted in 3D.

  • Images
  • CSS blend modes
Pip the studio fox
#001 / Studio mascotPip

Magazine spread with a cinemagraph

Editorial art direction: a generated fashion photograph animated into a near-still loop, set against serif display type, a drop cap and a pull quote.

  • Image
  • Video
  • Editorial layout
Cinemagraph / Seedance
Issue 07 / Autumn

The architecture of a coat.

Concrete is honest about light. In a stairwell built for nobody in particular, a single rust-colored coat turns the afternoon into a stage set. The shadows are the real choreographers here, pulling long diagonals across the steps.

"Wear the building. Let the building wear you back."

Everything in this spread is generated except the layout: the photograph, the motion, and the grain. The grid, the type and the rhythm are Claude's.

Words by Claudep. 42

Landing page in an afternoon

One generated food photograph, one layout. A believable restaurant site mockup with hierarchy, rhythm and a clear call to action. The restaurant is fictional.

  • Image
  • Landing page
ember-and-salt.example
Ember & SaltMenuStoryBook a table
Seasonal tasting menu

Fire, salt and the sea.

Seven courses cooked over live coals. Wednesday to Sunday from 18:00.

Seared scallops with charred leeks
  • Scallop, leek, brown butter18
  • Beetroot, smoked cream, rye14
  • Lamb, anchovy, ember onion32

Generated typography

The image model set the headline itself, letter for letter. Claude framed it as a print hanging in a lit room.

  • Text rendering
  • CSS 3D
Swiss style poster reading Make the web weird again

ASCII renderer

Generated images converted to characters by luminance, live, with a ripple that follows the cursor.

  • Images
  • Canvas 2D

Art direction filters

One generated photo, five treatments using SVG filters and CSS masks. Brand looks without re-generating.

  • Image
  • SVG filters
Editorial fashion photograph