Retour au portfolio
Flatwhite — Stop being underestimated. Hero de l'agent inside Claude
Issue #012026

Expérimentation · Agent inside Claude

Flatwhite.

Un agent expérimental qui vit dans Claude. Chaque matin, il lit où tu te situes sur le marché — et te dit le seul mouvement qui vaut aujourd'hui.

Statut
Live · 24h de build · Sea View Lab experiment
Année
2026
Catégorie
Expérimentation · Agent inside Claude

Le pitch

04 chapters

Les recruteurs ont l'IA. Toi non. Les algorithmes te scannent, te scorent, te valorisent en millisecondes — tu es du mauvais côté de cette équation. Flatwhite renverse l'asymétrie.

C'est un agent expérimental qui vit dans Claude, en arrière-plan de tes conversations existantes. Pas une app à ouvrir, pas un dashboard à checker. Chaque matin à 7h, il dépose dans ton fil un artefact discret : où tu te situes, ce qui a bougé sur ton marché cette nuit, le seul mouvement qui vaut aujourd'hui.

Recruiters have AI. You don't.

Tu vois un poste qui te correspond ? Tu cliques. Lettre de motivation et CV adaptés arrivent dans la même conversation. Tu ajustes. Tu envoies. De bonjour à embauché en 21 jours.

La landing : 8 sections, un seul scroll cinématique, construite en 24h avec Claude Code. Direction artistique : espresso × quiet luxury × Vision Pro. Fond chocolat, halos Turrell, contrepoint sage. Pas de noir pur, jamais de gradient AI bro. Zéro UI kit, tout bespoke.

La stack

Front & framework

Next.js 16 (App Router)TypeScriptTailwind CSS v4

Motion & polish

Framer MotionLenis smooth scrollGeist Sans + Mono

Build approach

Claude Code (duo 24h)0 dependency UI kitNetlify deploy

Création

04 steps

8 sections, un arc narratif, 24 heures.

H+1 : direction validée après 2 pivots rapides — le brief initial (café-luxe-serif) refusé, redirigé vers Comet/Arc/Vision Pro, puis pivot final vers la palette chocolat-espresso.

H+3 à H+8 : squelette des 8 sections, palette, fonts, Lenis, AmbientBackground avec auroras qui dérivent. Une orbe R3F iridescente, essayée puis remplacée par une carte d'étoiles SVG plus poétique.

H+12 à H+16 : arc narratif resserré — chaque section a maintenant un job dans l'histoire (la blessure → l'asymétrie → until now → la solution → la preuve). « The Asymmetry » refait en scan terminal de surveillance, palette froide sage pour la machine, warm amber pour le pivot.

H+20 à H+24 : i18n EN/FR, glass cards Artifact avec mock cover letter, timeline From Day 01 to Day 21. Passe de perf (gating animations off-screen, AmbientBackground statique, backdrop-blur réduit). Favicon flat white vue du dessus. Deploy Netlify. 8 commits, ~2k lignes, 0 dependency UI kit.

Liens

Flatwhite