A product designer who
makes the complex clear.

Xiaxia is the cat I love most. She’s a friend’s cat, and she stays with me three or four months a year. Move your cursor: a small lamp follows it, and the gold and fur shine where it falls. I packaged the whole process as a reusable Claude skill: it checks the picture, writes the prompt for the relief and its three maps, and sets up the lighting. Download it above.

2026 · WebGL · four maps, one fragment shader

Holo card

Kari, an original character of mine, as a holographic trading card. The picture is five layers: the background, Kari, the sparks, her line art and the gold frame. They sit at different depths, so as the card tilts they slide past one another while the frame stays put. The rainbow foil isn’t painted on: it is worked out from the angle you look at it from, so it moves when you do. Built as a Blender scene, exported as real card geometry and lit again in the browser. Click it to turn it over.

2026 · Blender → Three.js · five layers, one foil

Silk

The cloth at the top of this page. One fragment shader: folds from simplex noise, two ghost cursors that keep it breathing when nobody touches it, and a touch that presses in and drags along.

2026 · GLSL · one fragment shader

HX mark

My initial as one continuous line, generated from a curvature script rather than drawn by hand, then lit like satin thread. The highlight follows your cursor.

2026 · Python generator → 30 béziers · Canvas

Moon cursor

A crescent that trails the pointer. Over a link it slides into a full moon; over a tile it grows and says what a click will do.

2026 · one SVG, three states

Colour wipe

Switching colour mode spreads the new colours out from the button in a growing circle instead of a cross-fade: a same-document View Transition with an animated clip-path.

2026 · View Transitions API · clip-path

Credit card

The rewards card from GLOSS Vault, as a glass object. Every change rolls each digit to its new value and sends one reflection across the card, at the timings from the card-motion spec I wrote for it. Add or redeem credits to see it.

2026 · GLOSS DS 2.1 · 700ms roll, 900ms glare