Clément
Farkas Daudu

Technical Lead et architecte front-end. Je conçois le front de produits SaaS et j'industrialise le développement assisté par IA pour toute une équipe.

Aujourd'hui: Stonal, depuis 2023
Équipe: Plus de dix personnes
Spécialités: Design systems, micro-frontends, outillage IA
Statut: Ouvert aux opportunités

Travaux

Sur une plateforme SaaS immobilière, pour une flotte d'applications React déployées indépendamment.

01 — Design system

Un design system React pour toute la flotte

Conçu et piloté pour une douzaine d'applications. Une API volontairement restreinte, la composition plutôt que les props, et une discipline de versions qui empêche un changement de composant de casser tous les consommateurs à la fois.

30+ composants construits sur le même modèle composé

Storybook
React Aria
TanStack
tests d'accessibilité

Lire : Saying no is most of the design system job

tokens → composantsessaie le switch

rechercher un composant

surfacetextebordure

02 — Architecture

Une plateforme composée en Module Federation

Une flotte d'environ 13 applications React, déployées séparément, réunies dans une seule coquille : navigation sans rechargement, dépendances partagées en singleton, et chaque appli garde son propre déploiement.

12 applis normalisées en cinq jours, contre deux à trois mois estimés ; 8 déjà en production dans la coquille

Module Federation
codemods
déploiements indépendants

Lire : Four pivots to one frontend shell

une coquille, plusieurs applis0 rechargement

shellappli 1appli 2appli 3

Appli 1chargée à la demande

react · singletonreact-dom · singletondesign system · singleton

03 — Outillage IA

L'IA dans la chaîne, avec des garde-fous

Agents, skills et hooks, revue de PR automatisée, intégration en CI, orchestration sur plusieurs repos. L'essentiel du travail porte sur les garde-fous qui empêchent une réponse fausse mais sûre d'elle d'atteindre une branche, pas sur les prompts.

682 sessions d’agent mesurées pour comprendre où part vraiment le coût

Claude Code
agents
hooks
CI

Lire : I measured my token spend, then got the conclusion wrong

chaque étape est un garde-fourun #1

agentpropose
hooksvérifient
revue de PRcommente
CIvalide

04 — Socle et équipe

Bibliothèques partagées, migrations de flotte, équipe

Typage front dérivé des specs OpenAPI, authentification, tracking, template d'application. Les migrations passent d'abord par un repo canari en vraie CI, puis s'étendent à la flotte. Et le management d'une équipe de plus de dix personnes : conventions, montée en compétence, revue de code.

Lire : Green CI, white page

L'IA en production, pas en démo

Rendre le développement assisté par IA fiable à l'échelle d'une équipe : des garde-fous, des mesures, et des humains qui gardent la main.

Revue de PR
Revue de PR par IA sur toute la flotte front.Déployée sur 18 repos, avec un modèle plus puissant sur les 4 bibliothèques les plus critiques. Médiane : 0,51 $ par revue. La revue échoue fermée : pas de verdict, pas de vert. Son rappel a été audité face aux relecteurs humains sur 1 832 PR fusionnées en 30 jours.
Apprentissage
Une boucle qui s'améliore seule, sous contrôle humain.Les remarques de revue alimentent un registre (2 104 entrées, 844 revues, 16 repos) qui propose des mises à jour de skills ; un humain valide chaque PR. 19 sur 23 ont été fusionnées.
Skills
Le catalogue de skills de l'équipe.Co-mainteneur du marketplace Claude Code interne : skills de revue front, de migration de flotte et de création d'appli (environ 80 % du code de départ généré). Tests d'évaluation et de routage ajoutés en CI sur un catalogue de plus de 100 skills, dont 81 n'avaient aucun test. Utilisé par environ 80 ingénieur·es sur un mois.
Garde-fous
Des garde-fous plutôt que des prompts.28 hooks versionnés : l'agent principal orchestre et seuls les sous-agents modifient le code, chaque agent doit déclarer son modèle, les opérations git destructives sont bloquées. Neuf hooks regroupés en un seul dispatcher, prouvé par un test différentiel : jusqu'à 87 s gagnées par session.
Orchestration
Des agents en parallèle, un repo canari d'abord.14 repos migrés par vagues de 3 à 4 sous-agents. Un audit du design system par 34 agents relecteurs, avec une passe de réfutation, a mené à −42 % de bundle, −40 % de JS côté application et −72 % de paquet publié.
Mémoire
Une mémoire qui survit aux sessions.Une base de connaissances Obsidian alimentée automatiquement par des hooks (commits, décisions extraites des sessions) : environ 1 400 notes dont 320 décisions capturées automatiquement, injectées au démarrage de chaque session.
Mesure
Mesurer avant d’argumenter.Latence étudiée sur 20 194 tours d’agent : 4,9 s en médiane sous 100 000 tokens de contexte, 30 s au-delà de 800 000. Elle suit la taille du contexte, pas le nombre de hooks. Coût en tokens mesuré sur 682 sessions.

Articles

Ce qui m'a coûté une journée, écrit pour que ça coûte moins aux autres. En anglais.

Toutes les notes sur GitHub

Open source

Des skills pour agents de code, publiées avec leur évaluation avant/après.

github.com/cdfarkas

cdfarkas-skills

Des skills dont le comportement est un script, pas de la prose à interpréter. Chacune est testée contre un agent qui ne l'a pas, sur les mêmes prompts, notée par regex, et les résultats sont publiés tels quels, échecs compris.

Voir le repo

Parcours

Du webdesign en 2002 au lead technique.

2023 – auj.
Stonal — Technical Lead front-endArchitecture front d'une plateforme SaaS immobilière, management d'une équipe de plus de dix personnes.
2020 – 2023
La Place de l'Immobilier — Lead developer front-end, puis Technical LeadQualité et architecture front, design system Storybook, formations ; puis management onshore et offshore, conception back et front, devops.
2019 – 2020
Mooncard — Lead developer front-endNouvelle architecture front orientée composants, normes et outils de qualité.
2019
Deezer — Lead developer front-end, Core ApplicationsUne équipe de cinq ingénieurs seniors sur les bibliothèques cœur des applications web, communauté de pratique front.
2017 – 2018
Keyrus — Lead developer front-endWeb performance et optimisation front de sites e-commerce, coordination de développeurs offshore.
2016 – 2017
Abbeal — Consultant front-end seniorIndustrialisation, qualité du code, web performance.
2008 – 2016
Cellfish — de l'intégration au managementIntégration multimédia, chef de projet web mobile, puis manager des développeurs et intégrateurs front.
2002 – 2008
Orange R&D, agences web — expert multimédia, webdesigner

Ailleurs

Hors écran, et formation.

secourisme
Secouriste bénévole à la Croix-Rouge française (PSE2)
scène
Théâtre amateur avec la troupe Les Improvisibles
2003
Webdesign, ITECOM
2002
BTS Informatique de gestion, option développeur

ClémentFarkas Daudu