Tools
When the tool
doesn't exist,
I build it.
Three so far, all from building this portfolio. I needed a walkthrough video, a device mockup and a second opinion on copy, and the usual ways of getting each were slow, unreliable, or both.
Two are command-line tools with a Claude plugin; the third is a Claude skill. Each does a single job the same way every time.
-
protoreel
Turns an HTML prototype into a walkthrough video.
Give protoreel a local HTML file or URL, choose the viewport, the walkthrough steps and their timing, and optionally a phone or tablet frame exported from Figma. You can also choose a touch ripple, cursor or nothing, and write the config yourself or let its Claude plugin ask six questions and do it for you. What comes back is a proper 60fps video, not a screen recording: no dropped frames, no transitions caught mid-state, and the same script produces a byte-identical file every time. Every tap is logged with its frame number and coordinates, so you can open the exact frame and check it. A 25–30 second clip takes two to three minutes to render.
-
screengraft
Fits UI onto a photographed device screen.
Putting UI into a real device photograph usually means a flat template shot straight on, or an image model that approximates the perspective. screengraft uses the screen's geometry instead: you drag its four edges onto the glass yourself, with a magnified loupe, then a projective transform puts the UI on them by construction. Detection is advisory, so a wrong screen is never silently accepted. For video, you choose the frame to fit; every frame keeps the same geometry and light match, so the screen does not shift or pulse. The realism pass matches white balance and grain to the surrounding photograph, while still letting you preserve the original colour.
-
ask-gpt
Sends a draft to ChatGPT from inside Claude and brings the reply back.
Two assistants, two windows, and a lot of copying between them. ask-gpt is a Claude skill that hands whatever you point at — a file, a passage, an earlier answer — to ChatGPT in a browser pane, waits, and returns the reply word for word. It is a transport, not a workflow: it does not rewrite the brief on the way over or tidy the answer on the way back, and it checks that nothing was lost in either direction. Built because ChatGPT turned out better at one kind of writing — copy that has to dig out what a draft means rather than polish how it reads.