Anthony Masure

chercheur en design

Le soin des choses numériques : suite des travaux avec Claude

Résumé

Suite à la mise à jour technique de ce site Web avec Claude AI, mon processus de travail s’est focalisé sur les contenus (mise en ligne d’articles, règles typographiques, notes de bas de page, balises de partage et flux RSS). Ces quelques lignes reviennent sur ce que ces tâches d’édition et de maintenance, d’ordinaire invisibles, révèlent du travail avec un agent IA.

Du code aux contenus

Le code source du moteur du site (Kirby CMS) ayant été optimisé, mon travail a progressivement changé de nature. À la correction des templates (gabarits de mise en page) se sont ajoutées des tâches liées aux contenus : mettre en ligne des textes de recherche jusqu’ici restés à l’état de PDF, harmoniser leur typographie, relier les notes de bas de page à leurs appels, générer des vignettes de pages, et rendre le site lisible par d’autres programmes (médias sociaux et lecteurs de flux RSS).

Sur n’importe quel site Web, toutefois, la frontière entre code et contenu est poreuse : un article en ligne n’est pas seulement un texte, mais un assemblage de métadonnées, de liens, de notes, de fichiers joints et de règles d’affichage. Le travail mené avec Claude relevait donc moins de la programmation que de ce que le philosophe Marcello Vitali-Rosati nomme l’« éditorialisation », à savoir « l’ensemble des dynamiques qui produisent et structurent l’espace numérique 1 Marcello Vitali-Rosati, « Qu’est-ce que l’éditorialisation ? », Sens public, mars 2016, p. 8. ».

Claude Cowork, mars 2026, ajout d’un article à partir d’un PDF, en s’appuyant sur les règles typographiques du dossier de travail.
Claude Cowork, mars 2026, ajout d’un article à partir d’un PDF, en s’appuyant sur les règles typographiques du dossier de travail.

Écrire les règles pour la machine

Pour chaque nouvel article dans Kirby, saisi au format .txt, Claude devait appliquer des conventions que j’opérais jusque-là « à la main », sans les avoir formulées explicitement : usage d’apostrophes courbes, balises <abbr> pour les sigles, italiques pour les termes anglais, « Web » avec une majuscule, notes de bas de page au format du template, etc. À chaque erreur constatée, je devais ajouter une règle à un fichier de consignes (.claude-typo-rules.md) que Claude consultait avant toute intervention.

Ce fichier MD tient de la « marche » typographique, ce document interne par lequel une maison d’édition fixe ses usages, à la différence qu’il ne s’adresse pas à des correcteur·rices mais programme le comportement d’un agent. Expliciter ces règles oblige à formaliser un savoir tacite, ce que le philosophe Michael Polanyi résumait par la formule « nous savons plus que nous ne pouvons dire 2 Michael Polanyi, The Tacit Dimension, Garden City (NY), Doubleday, 1966, p. 4 : « We can know more than we can tell ». ». Polanyi prenait l’exemple d’un visage familier, que l’on reconnaît parmi mille sans savoir dire à quels traits : une large part de nos savoirs, notamment pratiques, échappe à la verbalisation. Il en va de même pour la typographie : on « voit » qu’une apostrophe est droite ou qu’un sigle n’est pas en petites capitales avant de « savoir » énoncer la règle qui corrige ces écarts.

Claude Cowork, mars 2026, mise en ligne de l’entretien avec Florence Jamet-Pinkiewicz, « Le design à l’ère des big tech ».
Claude Cowork, mars 2026, mise en ligne de l’entretien avec Florence Jamet-Pinkiewicz, « Le design à l’ère des big tech ».

Le site hors de lui-même

Une autre partie du travail avec Claude concernait ce qui ne se voit pas sur le site : les balises Open Graph et Twitter Cards, qui déterminent l’apparence d’une page une fois partagée sur un média social, et le flux RSS, cassé depuis la migration vers Kirby 5, désormais réparé et étendu à l’ensemble des articles, conférences et billets de blog. Dans des réseaux de machines de lecture et d’écriture, une page Web n’existe pas seulement à son adresse URL : elle circule sous forme d’aperçus, d’extraits et de vignettes, recomposée par d’autres programmes. Pour reprendre Vitali-Rosati, l’éditorialisation devient alors « une condition d’existence 3 Marcello Vitali-Rosati, « Qu’est-ce que l’éditorialisation ? », op. cit., p. 8. » : de même qu’un restaurant doit figurer sur des plateformes de cartographie ou d’avis pour exister dans l’espace numérique, une page Web n’existe qu’à condition d’être identifiée (indexée), reliée et rendue visible par d’autres programmes.

Réparer le flux RSS (un format ouvert, sans algorithme de recommandation) est aussi une façon de ne pas dépendre entièrement des grandes plateformes 4 Anthony Masure, « Le design à l’ère des big tech : tactiques de résistance dans un écosystème globalisé », entretien avec Florence Jamet-Pinkiewicz, Digital, Paris, École Estienne, 2025, p. 76-84.. Une page Web « Flux », qui affiche le code RSS et permet de s’y abonner, rend ce format à nouveau praticable.

Claude Cowork, mars 2026, proposition de lire les dimensions de l’image Open Graph via l’API de Kirby.
Claude Cowork, mars 2026, proposition de lire les dimensions de l’image Open Graph via l’API de Kirby.

Maintenir, déléguer, vérifier

Une large part de ces tâches techniques relève de la maintenance : réparer un flux, aligner un bouton décalé de quelques pixels, corriger une page d’erreur. Dans Le Soin des choses (2022), les sociologues Jérôme Denis et David Pontille rappellent que « la maintenance représente une part considérable de ces usages rendus invisibles par le prisme quasi exclusif de l’invention 5 Jérôme Denis et David Pontille, Le Soin des choses. Politiques de la maintenance, Paris, La Découverte, 2022. ». Si les agents IA sont le plus souvent présentés sous l’angle de l’innovation (produire plus, plus vite), mon expérience montre que leur apport tient aussi à la prise en charge de ce travail d’entretien, que je remettais à plus tard faute de temps.

Cette maintenance assistée par IA produit toutefois ses propres fragilités. En formatant un passage d’un entretien sur les big tech, Claude a fait disparaître une note de bas de page qu’il a fallu rétablir après une relecture attentive du PDF source (un correctif fonctionnel en local ne l’était pas sur le serveur, où les notes s’affichaient en Markdown brut). Déléguer, ce n’est donc pas supprimer le travail humain, mais le déplacer en partie vers de la vérification.

Des règles à discuter

Ces semaines de travail avec Claude rejoignent une intuition au cœur de ma thèse de doctorat portant sur le « design des programmes » : concevoir avec des machines, au sens fort, c’est négocier par des gestes des opérations techniques qui semblent aller de soi. Écrire un fichier de consignes typographiques, rétablir une note disparue ou réparer un flux RSS obligent à expliciter ce qui allait sans dire, et à décider de ce qui, dans l’édition d’un site Web, peut être confié à un agent et de ce qui doit rester sous contrôle – à supposer que cette partition ait encore un sens. Ce partage ne se tranche pas une fois pour toutes ; il se rejoue à chaque nouvelle consigne et erreur repérée. Dans l’immédiat, les règles typographiques de ce site étant désormais explicitées, l’ajout de nouveaux contenus (articles, conférences, etc.) devrait être plus simple. Reste à savoir ce que ces règles, pensées pour une machine, feront en retour à ma propre façon d’écrire et d’éditer.

— — —

Détails des changements techniques

N.B. : cette partie a été générée par Claude.

Fonctions du site
  • Image de partage (og:image) corrigée ; balises Open Graph complétées (type, langue, dimensions, texte alternatif), ajout des Twitter Cards.
  • Flux RSS réparé, puis étendu aux articles, conférences et billets (20 dernières entrées) ; page /flux avec coloration du code XML (Prism.js).
  • Lien vers le PDF d’un article détecté automatiquement dans la colonne « Archivage », selon la langue (article-fr.pdf, article-en.pdf, article.pdf).
  • Numéros des notes de bas de page renvoyant à leur appel dans le texte.
  • Notes affichées en Markdown brut sur le serveur : appel de la fonction kirbytext() corrigé.
Corrections CSS
  • Bouton de contraste : rotation autour de son centre et centrage vertical dans l’en-tête.
  • Page d’erreur 404 : taille et couleur du bouton « Rechercher ».
  • Police Input Sans appliquée aux boutons et champs de formulaire.

Notes

1 Marcello Vitali-Rosati, « Qu’est-ce que l’éditorialisation ? », Sens public, mars 2016, p. 8.

2 Michael Polanyi, The Tacit Dimension, Garden City (NY), Doubleday, 1966, p. 4 : « We can know more than we can tell ».

3 Marcello Vitali-Rosati, « Qu’est-ce que l’éditorialisation ? », op. cit., p. 8.

4 Anthony Masure, « Le design à l’ère des big tech : tactiques de résistance dans un écosystème globalisé », entretien avec Florence Jamet-Pinkiewicz, Digital, Paris, École Estienne, 2025, p. 76-84.

5 Jérôme Denis et David Pontille, Le Soin des choses. Politiques de la maintenance, Paris, La Découverte, 2022.