Back to portfolio
Flatwhite — Stop being underestimated. Hero of the agent inside Claude
Issue #012026

Experiment · Agent inside Claude

Flatwhite.

An experimental agent that lives inside Claude. Every morning, it reads where you stand in the market — and tells you the one move worth making today.

Status
Live · 24h build · Sea View Lab experiment
Year
2026
Category
Experiment · Agent inside Claude

The pitch

04 chapters

Recruiters have AI. You don't. Algorithms scan you, score you, value you in milliseconds — you're on the wrong side of that equation. Flatwhite flips the asymmetry.

It's an experimental agent that lives inside Claude, in the background of your existing conversations. Not an app to open, not a dashboard to check. Every morning at 7am, it drops a discreet artifact in your thread: where you stand, what moved in your market overnight, the one move worth making today.

Recruiters have AI. You don't.

See a job that fits? Click. Cover letter and tailored CV arrive in the same conversation. Adjust. Send. From hello to hired in 21 days.

The landing: 8 sections, a single cinematic scroll, built in 24h with Claude Code. Art direction: espresso × quiet luxury × Vision Pro. Chocolate background, Turrell halos, sage counterpoint. No pure black, never an AI-bro gradient. Zero UI kit, everything bespoke.

The stack

Front & framework

Next.js 16 (App Router)TypeScriptTailwind CSS v4

Motion & polish

Framer MotionLenis smooth scrollGeist Sans + Mono

Build approach

Claude Code (24h duo)0 UI kit dependencyNetlify deploy

Behind the scenes

04 steps

8 sections, one narrative arc, 24 hours.

H+1: direction validated after 2 quick pivots — initial brief (café-luxe-serif) refused, redirected to Comet/Arc/Vision Pro, then final pivot to the chocolate-espresso palette.

H+3 to H+8: skeleton of the 8 sections, palette, fonts, Lenis, AmbientBackground with drifting auroras. An iridescent R3F orb tried then replaced by a more poetic SVG star map.

H+12 to H+16: narrative arc tightened — every section now has a job in the story (the wound → the asymmetry → until now → the solution → the proof). 'The Asymmetry' rebuilt as a surveillance terminal scan, cold sage palette for the machine, warm amber for the pivot.

H+20 to H+24: EN/FR i18n, Artifact glass cards with mock cover letter, From Day 01 to Day 21 timeline. Perf pass (gating off-screen animations, static AmbientBackground, reduced backdrop-blur). Top-down flat white favicon. Netlify deploy. 8 commits, ~2k lines, 0 UI kit dependency.

Links

Flatwhite