Construire un site éditorial avec Claude Code et une chaîne d'agents
Ce site est passé de trois maquettes à la mise en ligne en deux jours, avec Claude Code. Il tient sur une ligne éditoriale écrite pour des agents et sur une file de publication qui sort un article par jour.
Le site que vous lisez a deux rôles : montrer ce que je fabrique, dans cet atelier, et publier des articles de fond sur la data, l'IA et l'automatisation. Il a été construit avec Claude Code les 10 et 11 novembre 2026 : presque tous les commits du dépôt portent sa signature de co-auteur.
Les maquettes et la direction retenue
Le premier commit contient des maquettes et sept articles. Trois directions de départ, une claire, une sombre, une en couleur, puis une quatrième qui mélange les autres et que j'ai retenue : jaune chantier et noir, papier crème, une seule famille de caractères, Bricolage Grotesque. Les maquettes sont toujours dans le dépôt, archivées.
La maquette a ensuite subi deux critiques avec impeccable, un skill de revue d'interface, chacune suivie de ses corrections. Puis des retouches à l'œil : l'aperçu au survol des articles, le portrait de « Qui je suis », un en-tête en bloc noir avec un slogan.
D'un script maison à Astro
La première version était un script Node qui générait des pages HTML statiques. Le lendemain, le site est passé à Astro, un générateur de sites statiques, pour être déployé sur Cloudflare. Depuis, chaque envoi sur la branche principale du dépôt reconstruit le site et le publie.
Les images sont redimensionnées au moment du build en quatre largeurs au format WebP, et le navigateur choisit la bonne. Les espaces fines insécables avant les deux-points, points-virgules, points d'interrogation et d'exclamation sont posées par un intermédiaire sur chaque page : les textes s'écrivent avec des espaces ordinaires.
Une ligne éditoriale écrite pour des agents
Chaque article s'ouvre sur une scène d'archive : un épisode réel de l'histoire, illustré par une image libre de droits, qui partage un mécanisme avec un problème d'aujourd'hui. La carte de Minard ouvre ainsi l'article sur le graphique qui dit une seule chose, les cartes perforées de Hollerith celui sur la saisie des données, et le cheval Hans celui sur l'évaluation d'un modèle d'IA.
Cette ligne est écrite dans un document du dépôt, que lisent tous les agents. Il fixe la voix (première personne, vouvoiement, phrases courtes), la structure, les longueurs, les règles des images (la licence se lit sur la page du fichier, jamais ailleurs) et une liste de tournures qui sonnent machine : les fausses oppositions, les chutes en forme de maxime, les séries de trois sans raison. Un skill de relecture en français, humanizer-fr, les traque dans chaque texte.
Quatre agents se partagent le travail : une chercheuse de sujets, qui propose une scène vérifiée et la requête visée ; une illustratrice, qui trouve l'image, vérifie sa licence et enregistre son crédit ; une rédactrice, qui écrit avec des sources datées ; et un agent de publication, qui génère et contrôle les pages. Une commande les enchaîne, avec deux arrêts pour moi : choisir le sujet, relire le texte.
La file de publication
Un article entre dans le dépôt avec sa date de parution. Le build de production écarte les articles datés du futur. Chaque matin, une action GitHub regarde si un article est daté du jour et, si oui, relance le build : l'article apparaît.
Le premier matin, l'action ne s'est pas lancée : GitHub retarde ou saute parfois les tâches programmées. Elle a maintenant quatre créneaux, de 4 h 30 à 13 h UTC, et chacun vérifie d'abord si l'article du jour répond déjà en ligne, pour ne pas publier deux fois.
Une vingtaine d'articles sont dans le dépôt, programmés jusqu'au 25 novembre, et une liste de sujets attend la suite.
Un article programmé n'est publié que si quelque chose relance le site le bon jour.
Les décisions en route
- La ligne éditoriale avant les agents : chaque agent lit le même document, et une règle ajoutée vaut pour tous les articles suivants.
- Des images d'archive libres : domaine public ou licences ouvertes, vérifiées sur la page du fichier, affichées en noir et blanc sauf quand la couleur porte l'information.
- La date dans le fichier : programmer un article revient à écrire sa date, sans outil de planification.
- Des carnets d'atelier : une page par projet, avec des schémas dessinés aux couleurs du site.
Le site est en cours. Les carnets d'atelier, dont celui-ci, sont arrivés le jour de la mise en ligne, et leurs schémas le lendemain.
