Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Monday, August 3, 2026google-io-concierge

38 frame sizes in one GIF — fixing the screenshot disaster

AI StudioPlaywright

Opened the repo on GitHub and the demo GIF looked like it was having a seizure. 38 different frame dimensions ranging from 1×1 to 800×414 — the GIF encoder was spitting out delta-compressed patches as individual frames. The hero screenshot was worse: a 2880×1490 desktop capture with my IDE chrome bleeding into the frame. Not exactly portfolio material. The fix was Playwright headless at iPhone 14 viewport (390×844 @2x), capturing the production build. Three clean screenshots — dashboard, session detail, Gemma chat — plus 52 consistent frames assembled into a 272KB GIF. Had to fight __dirname resolution twice when the capture script ran from the wrong scope. Also created an SVG favicon (the manifest referenced favicon.ico but no file existed), rewrote the README to lead with the demo GIF, killed the dead @google/genai dependency, moved autoprefixer out of production deps, and fixed the Next.js 15 themeColor viewport warning. Two commits, 14 files changed, zero Dependabot alerts.

← Previous

Glassmorphism at 1 AM and the commit that never pushed

Next →

Eleven models, one commit, and a Three.js solar system


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol·Back to top ↑
✦Just one prompt away from figuring it all out.