Design Engineer
Hi, I’m James.
Doing skeletons well in Next.js
Why tab navigation in a well-funded AI app felt janky, and the three Next.js fixes that stack: loading.tsx, Link prefetching, and cacheable route segments.
Pixel art captcha game
A fake captcha that drops you into a tiny pixel game: find and click the right character.
Animated validation
A small form detail: validation feedback that moves instead of just appearing.
Moon beam dark mode
A simple dark mode toggle experiment where the switch becomes a beam of moonlight.
A radial menu experiment
A quick look at a radial button menu I built, with a short demo video.
Claude saved me from getting scammed
I was close to installing malware on my computer. Luckily, I got Claude to go over the repo to spot anything suspicious, and honestly, you should too.
Friction patterns
A look at the $50M AAVE swap incident, why a simple checkbox was not enough, and how better friction design could protect users without breaking permissionlessness.
How to build a trailing gradient button
Step by step reverse design engineering a trailing conic gradient button
Create a newsletter site for free in 30 minutes
We will create a Newsletter website in Nuxt in less than 30 minutes!