Les derniers liens, outils et idées sélectionnés par Sébastien Rigaux.https://sebastien.rigaux.befrhttps://sebastien.rigaux.be/veille/liens/reticle-donner-aux-agents-un-verdict-sur-lapplication-en-cours-dexecutionhttps://sebastien.rigaux.be/veille/liens/reticle-donner-aux-agents-un-verdict-sur-lapplication-en-cours-dexecutionReticle aide les agents de code à vérifier ce qu’ils ont réellement construit, au lieu de s’en tenir au changement de code. Le repository présente un outil de perception à l’exécution pour les applications web et desktop ; reticle compare confronte deux builds en les pilotant dans un navigateur et relève les différences visibles, les appels réseau et les erreurs de console. La vérification se fait depuis l’extérieur de l’application : aucun SDK n’est requis. Le comparateur peut opposer une version principale à une preview de pull request et, avec --base, classer les différences en régressions, cibles manquées ou changements.Sun, 08 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/owWNlWV7HEROjmVg_image-0.png?auto=format,compress" alt="Carte GitHub du repository reticlehq/reticle : son nom, une description de la perception à l’exécution pour les agents d’IA et une icône noire, avec les compteurs de contributeurs, d’utilisateurs, de discussions, d’étoiles et de forks." width="1200" height="600" /></p><p>Reticle aide les agents de code à vérifier ce qu’ils ont réellement construit, au lieu de s’en tenir au changement de code. Le repository présente un outil de perception à l’exécution pour les applications web et desktop ; <code>reticle compare</code> confronte deux builds en les pilotant dans un navigateur et relève les différences visibles, les appels réseau et les erreurs de console.</p> <p>La vérification se fait depuis l’extérieur de l’application : aucun SDK n’est requis. Le comparateur peut opposer une version principale à une preview de pull request et, avec <code>--base</code>, classer les différences en régressions, cibles manquées ou changements.</p><p><a href="https://github.com/reticlehq/reticle">Ouvrir le lien original</a></p>Carte GitHub du repository reticlehq/reticle : son nom, une description de la perception à l’exécution pour les agents d’IA et une icône noire, avec les compteurs de contributeurs, d’utilisateurs, de discussions, d’étoiles et de forks.AI AgentsEnd-to-end testingTestingObservabilityhttps://sebastien.rigaux.be/veille/liens/fimo-automatise-la-maintenance-et-le-referencement-des-sites-webhttps://sebastien.rigaux.be/veille/liens/fimo-automatise-la-maintenance-et-le-referencement-des-sites-webFimo propose aux équipes marketing de maintenir un site et d’améliorer sa visibilité dans les moteurs de recherche et les réponses d’IA grâce à des agents spécialisés en SEO, GEO, contenu, performance, accessibilité et conformité. La plateforme inclut aussi un éditeur visuel, l’hébergement, des previews et l’historique des changements. Les agents s’exécutent selon un calendrier ou à la suite d’une modification du site. Les petites corrections peuvent être publiées automatiquement ; les changements qui exigent une décision arrivent sous forme de proposition avec preview, à approuver avant publication. Le site reste connecté à son framework existant, sans reconstruction, et les développeurs continuent de travailler dans le code.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/6paiUEqVDxsGt6eK_image-0.png?auto=format,compress" alt="Visuel Fimo avec le texte « Your website, with superpowers » et « Get found in AI answers and search », sur fond clair décoré de formes circulaires colorées." width="2400" height="1260" /></p><p>Fimo propose aux équipes marketing de maintenir un site et d’améliorer sa visibilité dans les moteurs de recherche et les réponses d’IA grâce à des agents spécialisés en SEO, GEO, contenu, performance, accessibilité et conformité. La plateforme inclut aussi un éditeur visuel, l’hébergement, des previews et l’historique des changements.</p> <p>Les agents s’exécutent selon un calendrier ou à la suite d’une modification du site. Les petites corrections peuvent être publiées automatiquement ; les changements qui exigent une décision arrivent sous forme de proposition avec preview, à approuver avant publication. Le site reste connecté à son framework existant, sans reconstruction, et les développeurs continuent de travailler dans le code.</p><p><a href="https://fimo.ai/">Ouvrir le lien original</a></p>Visuel Fimo avec le texte « Your website, with superpowers » et « Get found in AI answers and search », sur fond clair décoré de formes circulaires colorées.AI AgentsSEOOptimisation pour les moteurs génératifshttps://sebastien.rigaux.be/veille/liens/x18n-verifie-les-cles-i18n-du-code-aux-fichiers-de-localehttps://sebastien.rigaux.be/veille/liens/x18n-verifie-les-cles-i18n-du-code-aux-fichiers-de-localex18n repère les clés de traduction manquantes, inutilisées ou incorrectes en croisant les appels du code et les fichiers de locale. Son CLI peut faire échouer la CI sur les erreurs, tandis que les commandes de recherche et de renommage relient les valeurs traduites à leurs usages. Le même moteur alimente le CLI, l’extension VS Code et une interface web. Le renommage peut couvrir les fichiers de locale et le code, avec --dry-run pour examiner les changements avant écriture ; l’interface expose aussi des outils MCP pour les agents de programmation.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/9UONh-VeHMuUCwBb_image-0.png?auto=format,compress" alt="Capture du site x18n en thème sombre : à gauche, le titre « i18n files, checked and maintained » ; à droite, une interface de traduction affichant des clés, leurs valeurs en plusieurs langues et une traduction française manquante." width="2400" height="1260" /></p><p>x18n repère les clés de traduction manquantes, inutilisées ou incorrectes en croisant les appels du code et les fichiers de locale. Son CLI peut faire échouer la CI sur les erreurs, tandis que les commandes de recherche et de renommage relient les valeurs traduites à leurs usages.</p> <p>Le même moteur alimente le CLI, l’extension VS Code et une interface web. Le renommage peut couvrir les fichiers de locale et le code, avec <code>--dry-run</code> pour examiner les changements avant écriture ; l’interface expose aussi des outils MCP pour les agents de programmation.</p><p><a href="https://x18n.dev/">Ouvrir le lien original</a></p>Capture du site x18n en thème sombre : à gauche, le titre « i18n files, checked and maintained » ; à droite, une interface de traduction affichant des clés, leurs valeurs en plusieurs langues et une traduction française manquante.Internationalizationhttps://sebastien.rigaux.be/veille/liens/react-detecter-les-effets-superflus-avec-eslinthttps://sebastien.rigaux.be/veille/liens/react-detecter-les-effets-superflus-avec-eslintCe plugin ESLint repère les useEffect qui compliquent inutilement le flux React et associe chaque anti-pattern à une alternative précise et à un lien vers la documentation. Il couvre notamment l’état dérivé, les mises à jour en chaîne et les effets utilisés comme gestionnaires d’événements. Son analyse tient compte de l’état, des props, du contexte, des refs et des dépendances pour évaluer quand un effet s’exécute. Il propose des configurations recommandées ou strictes et fonctionne aussi avec Oxlint.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/u9AMptLq8gFgu6PB_image-0.png?auto=format,compress" alt="Bannière GitHub du dépôt avec son nom, une photo de profil et des compteurs de contributeurs, d’utilisateurs, de discussions, d’étoiles et de forks." width="1200" height="600" /></p><p>Ce plugin ESLint repère les <code>useEffect</code> qui compliquent inutilement le flux React et associe chaque anti-pattern à une alternative précise et à un lien vers la documentation. Il couvre notamment l’état dérivé, les mises à jour en chaîne et les effets utilisés comme gestionnaires d’événements.</p> <p>Son analyse tient compte de l’état, des props, du contexte, des refs et des dépendances pour évaluer quand un effet s’exécute. Il propose des configurations recommandées ou strictes et fonctionne aussi avec Oxlint.</p><p><a href="https://github.com/nickjvandyke/eslint-plugin-react-you-might-not-need-an-effect">Ouvrir le lien original</a></p>Bannière GitHub du dépôt avec son nom, une photo de profil et des compteurs de contributeurs, d’utilisateurs, de discussions, d’étoiles et de forks.https://sebastien.rigaux.be/veille/liens/skullet-generer-des-skeleton-states-a-la-forme-du-contenuhttps://sebastien.rigaux.be/veille/liens/skullet-generer-des-skeleton-states-a-la-forme-du-contenuSkullet automatise les états de chargement sans placeholders dessinés à la main : le package npm affiche des données d’exemple invisibles, mesure les éléments, puis dessine des skeletons à leur forme pour limiter les décalages de mise en page. La démonstration met en scène plusieurs interfaces, des métriques aux notifications, et soulève aussi la question du rendu côté serveur.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/z6fxozLANK3DKxNU_image-0.png?auto=format,compress" alt="Visuel noir avec un grand crâne gris en arrière-plan et le texte « Skullet — Smart Skeleton States »." width="1440" height="760" /></p><p>Skullet automatise les états de chargement sans placeholders dessinés à la main : le package npm affiche des données d’exemple invisibles, mesure les éléments, puis dessine des skeletons à leur forme pour limiter les décalages de mise en page.</p> <p>La démonstration met en scène plusieurs interfaces, des métriques aux notifications, et soulève aussi la question du rendu côté serveur.</p><p><a href="https://skullet.lochie.me/">Ouvrir le lien original</a></p>Visuel noir avec un grand crâne gris en arrière-plan et le texte « Skullet — Smart Skeleton States ».https://sebastien.rigaux.be/veille/liens/react-resizable-panels-trois-modeles-de-layouts-redimensionnableshttps://sebastien.rigaux.be/veille/liens/react-resizable-panels-trois-modeles-de-layouts-redimensionnablesLa documentation de react-resizable-panels présente des composants React pour construire des interfaces redimensionnables : panneaux en ligne ou en colonne, grilles ajustables en deux dimensions et workspaces à onglets réorganisables par glisser-déposer. L’exemple de workspace montre comment fournir un modèle initial avec defaultModel et choisir le contenu d’un onglet via renderTabContent. Le package inclut ses définitions TypeScript.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/IogWwmmMVwggH229_image-0.png?auto=format,compress" alt="Visuel violet portant le texte « react resizable panels » à côté d’un symbole de chevrons et d’une barre verticale." width="1200" height="630" /></p><p>La documentation de react-resizable-panels présente des composants React pour construire des interfaces redimensionnables : panneaux en ligne ou en colonne, grilles ajustables en deux dimensions et workspaces à onglets réorganisables par glisser-déposer.</p> <p>L’exemple de workspace montre comment fournir un modèle initial avec <code>defaultModel</code> et choisir le contenu d’un onglet via <code>renderTabContent</code>. Le package inclut ses définitions TypeScript.</p><p><a href="https://react-resizable-panels.vercel.app/">Ouvrir le lien original</a></p>Visuel violet portant le texte « react resizable panels » à côté d’un symbole de chevrons et d’une barre verticale.Reacthttps://sebastien.rigaux.be/veille/liens/hydratation-react-et-ssr-eviter-les-ecarts-sans-masquer-le-contenuhttps://sebastien.rigaux.be/veille/liens/hydratation-react-et-ssr-eviter-les-ecarts-sans-masquer-le-contenuDans Next.js, une valeur de localStorage peut faire diverger le HTML rendu côté serveur du premier rendu client. L’article compare les compromis : attendre le montage évite l’erreur, mais retire le contenu réel du HTML SSR ; initialiser les deux rendus avec la même valeur préserve ce contenu, au prix d’une mise à jour ultérieure pouvant provoquer un flicker. Pour synchroniser une sidebar sans ce clignotement, un script inline applique son état au DOM avant l’hydratation et le transmet à React, qui reprend les mêmes classes. L’article distingue aussi le cas d’un contrôle de thème isolé et celui d’un backdrop mobile géré par CSS.Sat, 07 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/mJPowUL3fg3mosuC_image-0.png?auto=format,compress" alt="Carte blanche sur fond bleu pâle affichant « Fixing a Hydration Mismatch Error and UI Flicker in React » et la mention « Blog »." width="1200" height="630" /></p><p>Dans Next.js, une valeur de <code>localStorage</code> peut faire diverger le HTML rendu côté serveur du premier rendu client. L’article compare les compromis : attendre le montage évite l’erreur, mais retire le contenu réel du HTML SSR ; initialiser les deux rendus avec la même valeur préserve ce contenu, au prix d’une mise à jour ultérieure pouvant provoquer un flicker.</p> <p>Pour synchroniser une sidebar sans ce clignotement, un script inline applique son état au DOM avant l’hydratation et le transmet à React, qui reprend les mêmes classes. L’article distingue aussi le cas d’un contrôle de thème isolé et celui d’un backdrop mobile géré par CSS.</p><p><a href="https://www.gmoniava.com/blog/hydration-mismatch-errors-and-how-to-fix-them">Ouvrir le lien original</a></p>Carte blanche sur fond bleu pâle affichant « Fixing a Hydration Mismatch Error and UI Flicker in React » et la mention « Blog ».Next.jsReactSSRHydrationhttps://sebastien.rigaux.be/veille/liens/decap-cms-editer-du-contenu-directement-dans-un-workflow-githttps://sebastien.rigaux.be/veille/liens/decap-cms-editer-du-contenu-directement-dans-un-workflow-gitDecap CMS ajoute une interface éditoriale aux sites statiques sans déplacer le contenu hors du repository Git. Les équipes peuvent gérer brouillons, relectures et publications, avec historique versionné et aperçu en temps réel pour les contributeurs non techniques. La configuration déclarative tient dans un fichier config.yml et permet de définir collections, champs et workflows ; des widgets personnalisés étendent l’éditeur. Pour les équipes qui ont besoin d’accès centralisés ou de mieux absorber les limites d’API Git, Decap Turbo ajoute notamment authentification hébergée et proxy de base de données.Fri, 06 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/El7JBafYDAXWFmzE_image-0.jpg?auto=format,compress" alt="Logo blanc de Decap sur un fond dégradé violet et rose." width="1500" height="900" /></p><p>Decap CMS ajoute une interface éditoriale aux sites statiques sans déplacer le contenu hors du repository Git. Les équipes peuvent gérer brouillons, relectures et publications, avec historique versionné et aperçu en temps réel pour les contributeurs non techniques.</p> <p>La configuration déclarative tient dans un fichier <code>config.yml</code> et permet de définir collections, champs et workflows ; des widgets personnalisés étendent l’éditeur. Pour les équipes qui ont besoin d’accès centralisés ou de mieux absorber les limites d’API Git, Decap Turbo ajoute notamment authentification hébergée et proxy de base de données.</p><p><a href="https://decapcms.org/">Ouvrir le lien original</a></p>Logo blanc de Decap sur un fond dégradé violet et rose.Headless CMSSSGOpen Sourcehttps://sebastien.rigaux.be/veille/liens/taste-skill-des-regles-de-design-et-des-controles-navigateur-pour-les-agents-de-codehttps://sebastien.rigaux.be/veille/liens/taste-skill-des-regles-de-design-et-des-controles-navigateur-pour-les-agents-de-codeTaste Skill fournit aux agents de code un système pour construire des sites d’entreprise moins génériques : palettes, layouts de hero, fragments d’interface et images réelles, avec une direction adaptée au type d’activité. Le dépôt propose des intégrations pour Claude Code et Codex, ainsi qu’un usage via npx skills. Le point distinctif est le contrôle automatisé dans Chrome headless : la page est rendue à quatre largeurs, de 390 à 1440 px, et vérifiée pour les visuels vides, les contrastes, l’alignement ou les images manquantes sur réseau lent. Les effets WebGL et de scroll sont réservés aux pages tech, gaming et software, avec des replis statiques pour mobile et la réduction des animations.Fri, 06 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/1kRnF--NxAGvLbtr_image-0.jpg?auto=format,compress" alt="Bannière Taste Skill sur fond beige, avec le nom du projet à gauche et des maquettes d’interfaces empilées à droite." width="1731" height="909" /></p><p>Taste Skill fournit aux agents de code un système pour construire des sites d’entreprise moins génériques : palettes, layouts de hero, fragments d’interface et images réelles, avec une direction adaptée au type d’activité. Le dépôt propose des intégrations pour Claude Code et Codex, ainsi qu’un usage via <code>npx skills</code>.</p> <p>Le point distinctif est le contrôle automatisé dans Chrome headless : la page est rendue à quatre largeurs, de 390 à 1440 px, et vérifiée pour les visuels vides, les contrastes, l’alignement ou les images manquantes sur réseau lent. Les effets WebGL et de scroll sont réservés aux pages tech, gaming et software, avec des replis statiques pour mobile et la réduction des animations.</p><p><a href="https://github.com/Leonxlnx/taste-skill">Ouvrir le lien original</a></p>Bannière Taste Skill sur fond beige, avec le nom du projet à gauche et des maquettes d’interfaces empilées à droite.Agent skillsAI AgentsUI/UXTestingResponsive designhttps://sebastien.rigaux.be/veille/liens/kiri-un-runtime-de-conteneurs-compatible-docker-pour-trois-oshttps://sebastien.rigaux.be/veille/liens/kiri-un-runtime-de-conteneurs-compatible-docker-pour-trois-osKiri remplace Docker Desktop et OrbStack par un runtime de conteneurs léger pour macOS, Windows et Linux, compatible avec la CLI Docker, Compose et buildx. Le dépôt détaille aussi une interface native et la prise en charge de clusters Kubernetes et de machines Linux. Son architecture repose sur une VM Linux et un agent Rust qui lance les conteneurs via clone3, sans runc, shim ni dockerd. Le projet publie des benchmarks comparant les temps de démarrage à ceux de Docker Desktop et OrbStack, ainsi que la méthode pour les reproduire.Fri, 06 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/PAyxHjMwSwHVENZ3_image-0.png?auto=format,compress" alt="Bannière GitHub du dépôt libracoder/kiri : son nom, une courte description du runtime de conteneurs, le portrait d’un homme et les compteurs de contributeurs, issues, discussions, stars et forks." width="1200" height="600" /></p><p>Kiri remplace Docker Desktop et OrbStack par un runtime de conteneurs léger pour macOS, Windows et Linux, compatible avec la CLI Docker, Compose et buildx. Le dépôt détaille aussi une interface native et la prise en charge de clusters Kubernetes et de machines Linux.</p> <p>Son architecture repose sur une VM Linux et un agent Rust qui lance les conteneurs via <code>clone3</code>, sans runc, shim ni dockerd. Le projet publie des benchmarks comparant les temps de démarrage à ceux de Docker Desktop et OrbStack, ainsi que la méthode pour les reproduire.</p><p><a href="https://github.com/libracoder/kiri">Ouvrir le lien original</a></p>Bannière GitHub du dépôt libracoder/kiri : son nom, une courte description du runtime de conteneurs, le portrait d’un homme et les compteurs de contributeurs, issues, discussions, stars et forks.DockerLinuxDeveloper Experiencehttps://sebastien.rigaux.be/veille/liens/newreleases-centralise-le-suivi-des-versions-et-leurs-alerteshttps://sebastien.rigaux.be/veille/liens/newreleases-centralise-le-suivi-des-versions-et-leurs-alertesNewReleases suit les nouvelles versions de projets et de paquets sur des plateformes comme GitHub, npm, NuGet ou Docker Hub, puis envoie des alertes par e-mail, messagerie instantanée ou webhook. Le service évite de vérifier manuellement chaque dépendance ou outil utilisé. Les notifications peuvent être instantanées ou périodiques, et le suivi se configure avec des fichiers de dépendances comme package.json, requirements.txt ou go.mod. Des filtres par expressions régulières et par statut de préversion permettent d’affiner les versions signalées.Thu, 05 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/1FPaxTPWGTJ8z2p2_image-0.png?auto=format,compress" alt="Logo NewReleases : le mot « new » en bleu et « (releases) » en noir sur fond blanc." width="2400" height="1254" /></p><p>NewReleases suit les nouvelles versions de projets et de paquets sur des plateformes comme GitHub, npm, NuGet ou Docker Hub, puis envoie des alertes par e-mail, messagerie instantanée ou webhook. Le service évite de vérifier manuellement chaque dépendance ou outil utilisé.</p> <p>Les notifications peuvent être instantanées ou périodiques, et le suivi se configure avec des fichiers de dépendances comme <code>package.json</code>, <code>requirements.txt</code> ou <code>go.mod</code>. Des filtres par expressions régulières et par statut de préversion permettent d’affiner les versions signalées.</p><p><a href="https://newreleases.io/">Ouvrir le lien original</a></p>Logo NewReleases : le mot « new » en bleu et « (releases) » en noir sur fond blanc.Dependency managementAutomationhttps://sebastien.rigaux.be/veille/liens/papra-une-archive-documentaire-open-source-a-auto-hebergerhttps://sebastien.rigaux.be/veille/liens/papra-une-archive-documentaire-open-source-a-auto-hebergerPapra centralise le stockage et la gestion de documents dans une plateforme d’archivage open source. Recherche plein texte, filtres avancés, tags et import automatique par e-mail ou depuis un dossier facilitent le classement et la récupération des fichiers. Le projet se déploie avec Docker et propose aussi une CLI, une API, des SDK et des webhooks pour l’intégrer à d’autres outils. La démo en ligne fonctionne uniquement en stockage local côté navigateur, sans backend.Tue, 03 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/UhviEfcR4XFEzS4Z_image-0.png?auto=format,compress" alt="Bannière GitHub de Papra : nom du dépôt, icône de document vert clair sur fond noir, et statistiques de contributeurs, d’utilisations, d’étoiles et de forks." width="1200" height="600" /></p><p>Papra centralise le stockage et la gestion de documents dans une plateforme d’archivage open source. Recherche plein texte, filtres avancés, tags et import automatique par e-mail ou depuis un dossier facilitent le classement et la récupération des fichiers.</p> <p>Le projet se déploie avec Docker et propose aussi une CLI, une API, des SDK et des webhooks pour l’intégrer à d’autres outils. La démo en ligne fonctionne uniquement en stockage local côté navigateur, sans backend.</p><p><a href="https://github.com/papra-hq/papra">Ouvrir le lien original</a></p>Bannière GitHub de Papra : nom du dépôt, icône de document vert clair sur fond noir, et statistiques de contributeurs, d’utilisations, d’étoiles et de forks.Document managementSelf-hostingSearchhttps://sebastien.rigaux.be/veille/liens/pullboard-orchestre-des-agents-ia-avec-specs-et-verification-independantehttps://sebastien.rigaux.be/veille/liens/pullboard-orchestre-des-agents-ia-avec-specs-et-verification-independantePullboard coordonne des agents de développement à partir de spécifications approuvées : chacun prend un item dans une worktree dédiée, passe un gate de tests, puis un autre agent vérifie le commit avant qu’il soit accepté. Les règles et l’activité restent dans le dépôt, avec un tableau local plutôt qu’un service hébergé. Le point fort est le contrôle du flux : les exigences approuvées sont figées quand l’agent prend l’item, les lanes limitent les chemins modifiables et les transitions d’état suivent une machine commune aux commandes, à l’interface et à la documentation.Tue, 03 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/rihWX1gUkQAdBa6H_image-0.png?auto=format,compress" alt="Aperçu GitHub du dépôt pullboard-dev/pullboard, avec son nom, une description tronquée et les compteurs de contributeurs, issues, étoiles et forks." width="1200" height="600" /></p><p>Pullboard coordonne des agents de développement à partir de spécifications approuvées : chacun prend un item dans une worktree dédiée, passe un gate de tests, puis un autre agent vérifie le commit avant qu’il soit accepté. Les règles et l’activité restent dans le dépôt, avec un tableau local plutôt qu’un service hébergé.</p> <p>Le point fort est le contrôle du flux : les exigences approuvées sont figées quand l’agent prend l’item, les lanes limitent les chemins modifiables et les transitions d’état suivent une machine commune aux commandes, à l’interface et à la documentation.</p><p><a href="https://github.com/pullboard-dev/pullboard">Ouvrir le lien original</a></p>Aperçu GitHub du dépôt pullboard-dev/pullboard, avec son nom, une description tronquée et les compteurs de contributeurs, issues, étoiles et forks.AI AgentsWorkflow OrchestrationSpec-driven developmentCode reviewhttps://sebastien.rigaux.be/veille/liens/zerobyte-automatise-les-sauvegardes-restic-en-self-hostinghttps://sebastien.rigaux.be/veille/liens/zerobyte-automatise-les-sauvegardes-restic-en-self-hostingZerobyte centralise la planification, la gestion et le suivi de sauvegardes chiffrées avec Restic, depuis une interface web. Il prend en charge des sources NFS, SMB, WebDAV, SFTP ou des répertoires locaux, et plusieurs destinations dont S3, GCS, Azure et rclone. Le déploiement Docker Compose peut être allégé si seuls des dossiers déjà montés sont sauvegardés : retirer SYS_ADMIN et le périphérique FUSE réduit les capacités accordées au conteneur, mais empêche le montage direct des partages distants.Tue, 03 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/SVr7cLf4nJYzzKtq_image-0.png?auto=format,compress" alt="Capture de l’interface Zerobyte affichant des tâches de sauvegarde planifiées, leur statut et leur dépôt de destination." width="3048" height="1714" /></p><p>Zerobyte centralise la planification, la gestion et le suivi de sauvegardes chiffrées avec Restic, depuis une interface web. Il prend en charge des sources NFS, SMB, WebDAV, SFTP ou des répertoires locaux, et plusieurs destinations dont S3, GCS, Azure et rclone.</p> <p>Le déploiement Docker Compose peut être allégé si seuls des dossiers déjà montés sont sauvegardés : retirer <code>SYS_ADMIN</code> et le périphérique FUSE réduit les capacités accordées au conteneur, mais empêche le montage direct des partages distants.</p><p><a href="https://github.com/nicotsx/zerobyte">Ouvrir le lien original</a></p>Capture de l’interface Zerobyte affichant des tâches de sauvegarde planifiées, leur statut et leur dépôt de destination.Backup and restoreResticSelf-hostingDockerhttps://sebastien.rigaux.be/veille/liens/agents-ia-pour-reperer-et-faire-supprimer-ses-donnees-exposeeshttps://sebastien.rigaux.be/veille/liens/agents-ia-pour-reperer-et-faire-supprimer-ses-donnees-exposeesUn workflow en trois agents vise à repérer les données personnelles exposées, trouver les procédures de suppression et préparer des demandes RGPD. Le document détaille les rôles, les consignes à fournir et la manière de faire collaborer les agents dans un chat de groupe Cue. Le parcours garde une validation humaine avant l’envoi des e-mails et rappelle de ne jamais communiquer de mots de passe. Il distingue aussi les sites qui répertorient les fuites des organisations qui en sont à l’origine, pour éviter de contacter le mauvais interlocuteur.Tue, 03 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/ZBmCZPRuUI4LbJ3T_image-0.png?auto=format,compress" alt="Capture d’un document montrant des liens vers Have I Been Pwned et multisearch, ainsi qu’un avertissement sur les sources de fuites de données." width="1200" height="630" /></p><p>Un workflow en trois agents vise à repérer les données personnelles exposées, trouver les procédures de suppression et préparer des demandes RGPD. Le document détaille les rôles, les consignes à fournir et la manière de faire collaborer les agents dans un chat de groupe Cue.</p> <p>Le parcours garde une validation humaine avant l’envoi des e-mails et rappelle de ne jamais communiquer de mots de passe. Il distingue aussi les sites qui répertorient les fuites des organisations qui en sont à l’origine, pour éviter de contacter le mauvais interlocuteur.</p><p><a href="https://docs.google.com/document/d/1UKPyj16OonZsQg-Q0NQ-jbvfAvvCC9Qcn7BL3VLLLJY/mobilebasic?">Ouvrir le lien original</a></p>Capture d’un document montrant des liens vers Have I Been Pwned et multisearch, ainsi qu’un avertissement sur les sources de fuites de données.Data privacyAI AgentsAutomationhttps://sebastien.rigaux.be/veille/liens/cloudflare-security-audit-skill-structure-les-audits-menes-par-un-agenthttps://sebastien.rigaux.be/veille/liens/cloudflare-security-audit-skill-structure-les-audits-menes-par-un-agentCe skill transforme un coding agent en auditeur de sécurité en orchestrant un audit de dépôt en six phases, de la reconnaissance à la génération de rapports. Les constats sont structurés en données lisibles par machine et vérifiés indépendamment. Chaque piste est soumise à un agent distinct chargé de tenter de la réfuter ; les résultats distinguent constats confirmés, pistes à valider et pistes rejetées. L’exécution de code cible exige un sandbox imposé par le système d’exploitation, sans réseau externe et avec des ressources limitées.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/DHxWGOm7aMU9wETg_image-0.png?auto=format,compress" alt="Bannière du dépôt GitHub cloudflare/security-audit-skill, présentant sa description comme skill de coding agent et les compteurs de contributeurs, issues, étoiles et forks." width="1200" height="600" /></p><p>Ce skill transforme un coding agent en auditeur de sécurité en orchestrant un audit de dépôt en six phases, de la reconnaissance à la génération de rapports. Les constats sont structurés en données lisibles par machine et vérifiés indépendamment.</p> <p>Chaque piste est soumise à un agent distinct chargé de tenter de la réfuter ; les résultats distinguent constats confirmés, pistes à valider et pistes rejetées. L’exécution de code cible exige un sandbox imposé par le système d’exploitation, sans réseau externe et avec des ressources limitées.</p><p><a href="https://github.com/cloudflare/security-audit-skill">Ouvrir le lien original</a></p>Bannière du dépôt GitHub cloudflare/security-audit-skill, présentant sa description comme skill de coding agent et les compteurs de contributeurs, issues, étoiles et forks.Agent skillsAI AgentsSecurityhttps://sebastien.rigaux.be/veille/liens/fetch-metadata-lire-le-contexte-des-requetes-pour-renforcer-la-protection-csrfhttps://sebastien.rigaux.be/veille/liens/fetch-metadata-lire-le-contexte-des-requetes-pour-renforcer-la-protection-csrfLes quatre en-têtes Fetch Metadata indiquent au serveur d’où vient une requête et comment sa réponse sera utilisée. Andrew Lock détaille Sec-Fetch-Site, Sec-Fetch-Mode, Sec-Fetch-Dest et Sec-Fetch-User pour aider à distinguer, par exemple, une navigation légitime d’une requête intersite suspecte. Des exemples opposent le chargement d’une image depuis un CDN à un fetch() JavaScript. Ces signaux, que JavaScript ne peut pas modifier, peuvent alimenter une Resource Isolation Policy et ajouter une couche de défense contre les requêtes CSRF.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/fpIu5TX2H8lLzQw3_image-0.webp?auto=format,compress" alt="Un chien noir et blanc court après une balle de tennis verte sur un terrain." width="799" height="533" /></p><p>Les quatre en-têtes Fetch Metadata indiquent au serveur d’où vient une requête et comment sa réponse sera utilisée. Andrew Lock détaille <code>Sec-Fetch-Site</code>, <code>Sec-Fetch-Mode</code>, <code>Sec-Fetch-Dest</code> et <code>Sec-Fetch-User</code> pour aider à distinguer, par exemple, une navigation légitime d’une requête intersite suspecte.</p> <p>Des exemples opposent le chargement d’une image depuis un CDN à un <code>fetch()</code> JavaScript. Ces signaux, que JavaScript ne peut pas modifier, peuvent alimenter une Resource Isolation Policy et ajouter une couche de défense contre les requêtes CSRF.</p><p><a href="https://andrewlock.net/understanding-the-fetch-metadata-http-headers-sec-fetch-site-and-friends/">Ouvrir le lien original</a></p>Un chien noir et blanc court après une balle de tennis verte sur un terrain.Securityhttps://sebastien.rigaux.be/veille/liens/finbucklemultitenant-isoler-les-tenants-dans-une-application-nethttps://sebastien.rigaux.be/veille/liens/finbucklemultitenant-isoler-les-tenants-dans-une-application-netFinbuckle.MultiTenant fournit à ASP.NET Core les briques de résolution des tenants, de configuration par tenant et d’isolation des données. Le démarrage combine une stratégie basée sur le host, un store alimenté par la configuration et le middleware UseMultiTenant(). Le middleware doit précéder ceux qui dépendent du tenant, comme l’authentification et l’autorisation. La bibliothèque propose aussi des intégrations pour les options, l’authentification et l’isolation des données avec Entity Framework Core.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/Ltse_jt-4ItPqO0T_image-0.png?auto=format,compress" alt="Logo en forme de cube composé de blocs gris, avec un bloc orange au centre." width="512" height="512" /></p><p>Finbuckle.MultiTenant fournit à ASP.NET Core les briques de résolution des tenants, de configuration par tenant et d’isolation des données. Le démarrage combine une stratégie basée sur le host, un store alimenté par la configuration et le middleware <code>UseMultiTenant()</code>.</p> <p>Le middleware doit précéder ceux qui dépendent du tenant, comme l’authentification et l’autorisation. La bibliothèque propose aussi des intégrations pour les options, l’authentification et l’isolation des données avec Entity Framework Core.</p><p><a href="https://www.finbuckle.com/MultiTenant/#getting-started">Ouvrir le lien original</a></p>Logo en forme de cube composé de blocs gris, avec un bloc orange au centre.Multi-tenancyFinbuckle.MultiTenantASP.NET CoreEntity Framework Core.NEThttps://sebastien.rigaux.be/veille/liens/net-multi-tenant-migrer-un-tenant-sans-interrompre-le-service-partie-44https://sebastien.rigaux.be/veille/liens/net-multi-tenant-migrer-un-tenant-sans-interrompre-le-service-partie-44Ce volet explique comment déplacer un tenant d’une base partagée vers une base dédiée sans arrêter l’application ni perturber les autres tenants. Le catalogue pilote le basculement, tandis que le même modèle EF Core et son filtre restent en place dans les deux modes. La migration s’appuie sur une copie initiale, un passage temporaire en lecture seule, une copie delta et une vérification avant le cutover. Le runbook attend l’expiration du cache avant de rouvrir les écritures : les instances qui conservent encore l’ancienne connexion ne peuvent ainsi pas écrire dans la base partagée après le basculement.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/fZlgTf99AQbWhZzY_image-0.jpg?auto=format,compress" alt="Bannière « Multi-Tenant .NET, Part 4: Moving Day », avec des cartons de déménagement, un emblème de guilde et un portrait illustré." width="1200" height="630" /></p><p>Ce volet explique comment déplacer un tenant d’une base partagée vers une base dédiée sans arrêter l’application ni perturber les autres tenants. Le catalogue pilote le basculement, tandis que le même modèle EF Core et son filtre restent en place dans les deux modes.</p> <p>La migration s’appuie sur une copie initiale, un passage temporaire en lecture seule, une copie delta et une vérification avant le cutover. Le runbook attend l’expiration du cache avant de rouvrir les écritures : les instances qui conservent encore l’ancienne connexion ne peuvent ainsi pas écrire dans la base partagée après le basculement.</p><p><a href="https://barretblake.dev/posts/development/2026/08/multi-tenant-moving-day/">Ouvrir le lien original</a></p>Bannière « Multi-Tenant .NET, Part 4: Moving Day », avec des cartons de déménagement, un emblème de guilde et un portrait illustré.Multi-tenancy.NETEntity Framework CoreDatabasesSoftware Architecturehttps://sebastien.rigaux.be/veille/liens/net-multi-tenant-une-base-par-tenant-partie-34https://sebastien.rigaux.be/veille/liens/net-multi-tenant-une-base-par-tenant-partie-34Avec une base par tenant, EF Core n’a plus besoin de filtre global, de colonne TenantId ni de clé de cache de modèle spécifique : le choix du tenant passe par une chaîne de connexion résolue depuis une base catalogue. Cette isolation simplifie le modèle, mais déplace la complexité vers l’exploitation : chaque migration doit s’appliquer à toutes les bases. L’article détaille aussi le rôle de IDesignTimeDbContextFactory pour permettre à dotnet ef de créer le contexte sans requête ni tenant actif.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/6Kkj_x73h6-CDgUF_image-0.jpg?auto=format,compress" alt="Une main manipule des câbles réseau colorés devant des équipements installés en rack." width="1200" height="630" /></p><p>Avec une base par tenant, EF Core n’a plus besoin de filtre global, de colonne <code>TenantId</code> ni de clé de cache de modèle spécifique : le choix du tenant passe par une chaîne de connexion résolue depuis une base catalogue.</p> <p>Cette isolation simplifie le modèle, mais déplace la complexité vers l’exploitation : chaque migration doit s’appliquer à toutes les bases. L’article détaille aussi le rôle de <code>IDesignTimeDbContextFactory</code> pour permettre à <code>dotnet ef</code> de créer le contexte sans requête ni tenant actif.</p><p><a href="https://barretblake.dev/posts/development/2026/08/multi-tenant-part-3/">Ouvrir le lien original</a></p>Une main manipule des câbles réseau colorés devant des équipements installés en rack.Multi-tenancy.NETEntity Framework CoreDatabasesSoftware Architecturehttps://sebastien.rigaux.be/veille/liens/net-multi-tenant-separer-les-donnees-par-schema-sql-server-partie-24https://sebastien.rigaux.be/veille/liens/net-multi-tenant-separer-les-donnees-par-schema-sql-server-partie-24Cette partie 2/4 montre comment isoler les données de chaque tenant dans son propre schéma SQL Server, sans filtre global ni colonne TenantId obligatoire. Le modèle EF Core retrouve ainsi une clé primaire simple, tandis que la frontière d’isolation est portée par la structure de la base. Le changement central tient au cache du modèle : OnModelCreating ne s’exécute qu’une fois par modèle. Il faut intégrer le schéma à la clé via IModelCacheKeyFactory, faute de quoi EF Core peut réutiliser celui du premier tenant. L’article détaille aussi le provisionnement et les migrations par schéma, ainsi que la validation stricte des noms de schéma interpolés dans le SQL.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/vzw31Z0w6cBjGZ5P_image-0.jpg?auto=format,compress" alt="Visuel intitulé « Multi-Tenant .NET, Part 2 — Shared Database with Schema Separation » : un panneau « House for Rent », un emblème circulaire avec deux épées et un portrait illustré." width="1200" height="630" /></p><p>Cette partie 2/4 montre comment isoler les données de chaque tenant dans son propre schéma SQL Server, sans filtre global ni colonne <code>TenantId</code> obligatoire. Le modèle EF Core retrouve ainsi une clé primaire simple, tandis que la frontière d’isolation est portée par la structure de la base.</p> <p>Le changement central tient au cache du modèle : <code>OnModelCreating</code> ne s’exécute qu’une fois par modèle. Il faut intégrer le schéma à la clé via <code>IModelCacheKeyFactory</code>, faute de quoi EF Core peut réutiliser celui du premier tenant. L’article détaille aussi le provisionnement et les migrations par schéma, ainsi que la validation stricte des noms de schéma interpolés dans le SQL.</p><p><a href="https://barretblake.dev/posts/development/2026/07/multi-tenant-part-2/">Ouvrir le lien original</a></p>Visuel intitulé « Multi-Tenant .NET, Part 2 — Shared Database with Schema Separation » : un panneau « House for Rent », un emblème circulaire avec deux épées et un portrait illustré.Multi-tenancy.NETEntity Framework CoreSQL ServerSoftware Architecturehttps://sebastien.rigaux.be/veille/liens/net-multi-tenant-requetes-isolees-et-partitions-sql-server-partie-14https://sebastien.rigaux.be/veille/liens/net-multi-tenant-requetes-isolees-et-partitions-sql-server-partie-14Cette première partie présente une architecture multi-tenant .NET à schéma partagé : EF Core filtre les lectures par tenant et SQL Server partitionne physiquement les lignes pour accélérer l’accès aux données. Le point essentiel : le partitionnement n’est pas une frontière de sécurité ; l’isolation repose sur le filtre global EF Core. L’article détaille aussi la résolution du tenant par requête, l’attribution de son identifiant aux nouvelles lignes et l’ajout des partitions aux migrations avec du SQL brut. La clé primaire doit inclure GuildId, contrainte imposée par SQL Server pour partitionner un index unique.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/hfTn_IrZQUYpxQ9__image-0.jpg?auto=format,compress" alt="Bannière sur fond d’immeubles résidentiels, titrée « Multi-Tenant .NET, Part 1 — Shared Database with Partitions », avec un emblème d’épées croisées et un portrait illustré." width="1200" height="630" /></p><p>Cette première partie présente une architecture multi-tenant .NET à schéma partagé : EF Core filtre les lectures par tenant et SQL Server partitionne physiquement les lignes pour accélérer l’accès aux données. Le point essentiel : le partitionnement n’est pas une frontière de sécurité ; l’isolation repose sur le filtre global EF Core.</p> <p>L’article détaille aussi la résolution du tenant par requête, l’attribution de son identifiant aux nouvelles lignes et l’ajout des partitions aux migrations avec du SQL brut. La clé primaire doit inclure <code>GuildId</code>, contrainte imposée par SQL Server pour partitionner un index unique.</p><p><a href="https://barretblake.dev/posts/development/2026/07/multi-tenant-part-1/">Ouvrir le lien original</a></p>Bannière sur fond d’immeubles résidentiels, titrée « Multi-Tenant .NET, Part 1 — Shared Database with Partitions », avec un emblème d’épées croisées et un portrait illustré.Multi-tenancy.NETEntity Framework CoreSQL ServerSecurityhttps://sebastien.rigaux.be/veille/liens/boucles-dagents-en-c-avec-microsoft-agent-frameworkhttps://sebastien.rigaux.be/veille/liens/boucles-dagents-en-c-avec-microsoft-agent-frameworkLes boucles d’agents enchaînent action, observation et évaluation pour affiner une réponse ou retenter une opération jusqu’à satisfaire un critère. Jesse Liberty illustre le principe en C# avec Microsoft Agent Framework : un agent de boucle, un évaluateur et une limite d’itérations. L’exemple distingue un marqueur déterministe comme DONE d’un évaluateur basé sur un modèle juge, puis détaille les garde-fous à prévoir : délais, appels idempotents, journalisation et suivi des coûts. Chaque itération ajoute en effet latence et consommation de tokens.Mon, 02 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/sDf9Rzn57jqZWsGe_image-0.jpg?auto=format,compress" alt="Schéma d’une boucle agentique : l’agent agit, observe, évalue, puis recommence ou s’arrête." width="800" height="340" /></p><p>Les boucles d’agents enchaînent action, observation et évaluation pour affiner une réponse ou retenter une opération jusqu’à satisfaire un critère. Jesse Liberty illustre le principe en C# avec Microsoft Agent Framework : un agent de boucle, un évaluateur et une limite d’itérations.</p> <p>L’exemple distingue un marqueur déterministe comme <code>DONE</code> d’un évaluateur basé sur un modèle juge, puis détaille les garde-fous à prévoir : délais, appels idempotents, journalisation et suivi des coûts. Chaque itération ajoute en effet latence et consommation de tokens.</p><p><a href="https://jesseliberty.com/2026/10/26/prompts-are-dead-long-live-loops/">Ouvrir le lien original</a></p>Schéma d’une boucle agentique : l’agent agit, observe, évalue, puis recommence ou s’arrête.Microsoft Agent FrameworkC#AI AgentsModel EvaluationWorkflow Orchestrationhttps://sebastien.rigaux.be/veille/liens/elephant-goldfish-model-les-skills-de-google-pour-cadrer-les-specshttps://sebastien.rigaux.be/veille/liens/elephant-goldfish-model-les-skills-de-google-pour-cadrer-les-specsElephant-Goldfish Model, un plugin open source de Google, fournit des skills pour explorer une idée, rédiger une spécification et la faire challenger avant l’implémentation. Un agent « Elephant » conserve le contexte du projet ; des reviewers « Goldfish » examinent le document sans l’historique de conversation afin de faire ressortir les hypothèses implicites et les risques. Le dépôt couvre aussi la résolution des retours et la comparaison de la documentation au code. Les revues exigent des contextes de sous-agents indépendants : si l’environnement ne peut pas les créer, EGM interrompt cette étape.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/5iR3jqCDBycrtrSv_image-0.png?auto=format,compress" alt="Visuel Elephant-Goldfish Model : deux panneaux présentent un éléphant bleu qui se souvient de tout et un poisson rouge orange qui ne se souvient de rien." width="2400" height="1260" /></p><p>Elephant-Goldfish Model, un plugin open source de Google, fournit des <strong>skills</strong> pour explorer une idée, rédiger une spécification et la faire challenger avant l’implémentation. Un agent « Elephant » conserve le contexte du projet ; des reviewers « Goldfish » examinent le document sans l’historique de conversation afin de faire ressortir les hypothèses implicites et les risques.</p> <p>Le dépôt couvre aussi la résolution des retours et la comparaison de la documentation au code. Les revues exigent des contextes de sous-agents indépendants : si l’environnement ne peut pas les créer, EGM interrompt cette étape.</p><p><a href="https://github.com/google/elephant-goldfish-model">Ouvrir le lien original</a></p>Visuel Elephant-Goldfish Model : deux panneaux présentent un éléphant bleu qui se souvient de tout et un poisson rouge orange qui ne se souvient de rien.Agent skillsSpec-driven developmentAI Agentshttps://sebastien.rigaux.be/veille/liens/accessibilite-web-le-livre-de-laura-kalbag-est-gratuit-en-lignehttps://sebastien.rigaux.be/veille/liens/accessibilite-web-le-livre-de-laura-kalbag-est-gratuit-en-ligneLaura Kalbag met Accessibility for Everyone en lecture gratuite sur le Web. Publié initialement en 2017 chez A Book Apart, le livre offre une ressource accessible à la communauté web pour aborder l’accessibilité. L’autrice précise que les bonnes pratiques ont peu changé, mais que certains outils recommandés et intitulés de postes peuvent être dépassés ; les WCAG approchent par ailleurs de leur version 3.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/y7vCKGXoUTU4Qeh2_image-0.png?auto=format,compress" alt="Couverture sur fond vert portant le titre « Accessibility for Everyone », le nom de Laura Kalbag et la mention « Read for free ». " width="1200" height="630" /></p><p>Laura Kalbag met <em>Accessibility for Everyone</em> en lecture gratuite sur le Web. Publié initialement en 2017 chez A Book Apart, le livre offre une ressource accessible à la communauté web pour aborder l’accessibilité.</p> <p>L’autrice précise que les bonnes pratiques ont peu changé, mais que certains outils recommandés et intitulés de postes peuvent être dépassés ; les WCAG approchent par ailleurs de leur version 3.</p><p><a href="https://accessibilityforeveryone.site/">Ouvrir le lien original</a></p>Couverture sur fond vert portant le titre « Accessibility for Everyone », le nom de Laura Kalbag et la mention « Read for free ».Accessibilityhttps://sebastien.rigaux.be/veille/liens/modern-web-guidance-des-pratiques-web-actuelles-pour-les-agents-de-codehttps://sebastien.rigaux.be/veille/liens/modern-web-guidance-des-pratiques-web-actuelles-pour-les-agents-de-codeModern Web Guidance fournit aux agents de code des recommandations expertes sur les API du navigateur, CSS, performance et accessibilité, pour les orienter vers des solutions natives plutôt que vers des patterns legacy. Le dépôt rassemble 232 fonctionnalités et 186 cas d’usage, sous forme de skills installables dans plusieurs agents. Le CLI recherche un guide en local, puis l’injecte dans le contexte de l’agent. Les consignes intègrent compatibilité Baseline, fallbacks ciblés et évaluation automatisée ; le projet est annoncé en preview.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/J1hz0dvFok1vq_YK_image-0.png?auto=format,compress" alt="Visuel du dépôt GoogleChrome/modern-web-guidance, avec le logo Chrome et les compteurs de contributeurs, issues, étoiles et forks." width="1200" height="600" /></p><p>Modern Web Guidance fournit aux agents de code des recommandations expertes sur les API du navigateur, CSS, performance et accessibilité, pour les orienter vers des solutions natives plutôt que vers des patterns legacy. Le dépôt rassemble 232 fonctionnalités et 186 cas d’usage, sous forme de skills installables dans plusieurs agents.</p> <p>Le CLI recherche un guide en local, puis l’injecte dans le contexte de l’agent. Les consignes intègrent compatibilité Baseline, fallbacks ciblés et évaluation automatisée ; le projet est annoncé en preview.</p><p><a href="https://github.com/GoogleChrome/modern-web-guidance">Ouvrir le lien original</a></p>Visuel du dépôt GoogleChrome/modern-web-guidance, avec le logo Chrome et les compteurs de contributeurs, issues, étoiles et forks.Agent skillsAI AgentsProgressive enhancementAccessibilityWeb Performancehttps://sebastien.rigaux.be/veille/liens/emoji-picker-react-personnaliser-un-selecteur-demojis-reacthttps://sebastien.rigaux.be/veille/liens/emoji-picker-react-personnaliser-un-selecteur-demojis-reactemoji-picker-react fournit un sélecteur d’émojis pour React, utilisable avec ses styles intégrés ou adapté à l’identité visuelle du produit. Le playground interactif permet de tester les propriétés, les thèmes CSS et des exemples de personnalisation. Le composant couvre notamment la recherche, les tons de peau, les émojis personnalisés et plusieurs langues. Son mode « réactions » affiche d’abord une sélection compacte de réactions populaires, puis donne accès à la bibliothèque complète.Sun, 01 Nov 2026 00:00:00 GMT<p>emoji-picker-react fournit un sélecteur d’émojis pour React, utilisable avec ses styles intégrés ou adapté à l’identité visuelle du produit. Le playground interactif permet de tester les propriétés, les thèmes CSS et des exemples de personnalisation.</p> <p>Le composant couvre notamment la recherche, les tons de peau, les émojis personnalisés et plusieurs langues. Son mode « réactions » affiche d’abord une sélection compacte de réactions populaires, puis donne accès à la bibliothèque complète.</p><p><a href="https://ealush.com/emoji-picker-react/#playground">Ouvrir le lien original</a></p>ReactUI/UXhttps://sebastien.rigaux.be/veille/liens/opentui-interfaces-terminal-en-typescript-avec-rendu-natif-en-zighttps://sebastien.rigaux.be/veille/liens/opentui-interfaces-terminal-en-typescript-avec-rendu-natif-en-zigOpenTUI permet de construire des interfaces utilisateur pour le terminal en TypeScript, directement ou avec React et Solid. Son moteur de rendu natif est écrit en Zig, et la mise en page s’appuie sur flexbox. La bibliothèque prend en charge les sélecteurs, les champs de saisie et les zones de défilement pilotés au clavier ou à la souris. Elle peut aussi afficher des images, jouer des sons et rendre des graphismes 3D.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/d0ol22PzIPoNO4uR_image-0.png?auto=format,compress" alt="Logo OpenTUI noir sur fond blanc." width="1200" height="630" /></p><p>OpenTUI permet de construire des interfaces utilisateur pour le terminal en TypeScript, directement ou avec React et Solid. Son moteur de rendu natif est écrit en Zig, et la mise en page s’appuie sur flexbox.</p> <p>La bibliothèque prend en charge les sélecteurs, les champs de saisie et les zones de défilement pilotés au clavier ou à la souris. Elle peut aussi afficher des images, jouer des sons et rendre des graphismes 3D.</p><p><a href="https://opentui.com/">Ouvrir le lien original</a></p>Logo OpenTUI noir sur fond blanc.TypeScriptZigUI/UXhttps://sebastien.rigaux.be/veille/liens/puck-editeur-visuel-pour-react-champs-et-canvas-dans-la-version-024https://sebastien.rigaux.be/veille/liens/puck-editeur-visuel-pour-react-champs-et-canvas-dans-la-version-024Puck, l’éditeur visuel de pages pour React, ajoute dans sa version 0.24 des groupes et des onglets pour organiser les champs, ainsi qu’un champ checkbox pour sélectionner plusieurs options. Des poignées de déplacement facilitent aussi le réagencement de composants dans des mises en page imbriquées. L’API renderFields permet de composer ces présentations. Côté canvas, InlineTextField rend possible l’édition directe du texte, tandis que fieldTransforms transforme les valeurs au rendu sans modifier les données sous-jacentes.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/fqX2nrhIvI2o0pBt_image-0.png?auto=format,compress" alt="Logo Puck en dégradé bleu-violet sur fond blanc." width="1200" height="675" /></p><p>Puck, l’éditeur visuel de pages pour React, ajoute dans sa version 0.24 des groupes et des onglets pour organiser les champs, ainsi qu’un champ <code>checkbox</code> pour sélectionner plusieurs options. Des poignées de déplacement facilitent aussi le réagencement de composants dans des mises en page imbriquées.</p> <p>L’API <code>renderFields</code> permet de composer ces présentations. Côté canvas, <code>InlineTextField</code> rend possible l’édition directe du texte, tandis que <code>fieldTransforms</code> transforme les valeurs au rendu sans modifier les données sous-jacentes.</p><p><a href="https://puckeditor.com/blog/puck-024">Ouvrir le lien original</a></p>Logo Puck en dégradé bleu-violet sur fond blanc.PuckReactNo-code / low-codeUI/UXhttps://sebastien.rigaux.be/veille/liens/react-preserver-le-progressive-enhancement-des-server-actionshttps://sebastien.rigaux.be/veille/liens/react-preserver-le-progressive-enhancement-des-server-actionsReact combine <form action>, useActionState et useOptimistic pour gérer les retours d’attente et les mises à jour optimistes tout en conservant un envoi de formulaire avant l’exécution de JavaScript. L’article montre comment cette continuité permet d’enrichir l’interface après hydratation sans abandonner le comportement natif du navigateur. Le point décisif est de garder l’action serveur directement dans action : une fonction cliente intermédiaire casse la soumission sans JavaScript. Pour l’optimisme, useHydrated() permet de choisir entre l’action serveur et sa version enrichie côté client.Sun, 01 Nov 2026 00:00:00 GMT<p>React combine <code>&lt;form action&gt;</code>, <code>useActionState</code> et <code>useOptimistic</code> pour gérer les retours d’attente et les mises à jour optimistes tout en conservant un envoi de formulaire avant l’exécution de JavaScript. L’article montre comment cette continuité permet d’enrichir l’interface après hydratation sans abandonner le comportement natif du navigateur.</p> <p>Le point décisif est de garder l’action serveur directement dans <code>action</code> : une fonction cliente intermédiaire casse la soumission sans JavaScript. Pour l’optimisme, <code>useHydrated()</code> permet de choisir entre l’action serveur et sa version enrichie côté client.</p><p><a href="https://ebey.dev/blog/3myyseusgd22h">Ouvrir le lien original</a></p>ReactServer ActionsProgressive enhancementFormsHydrationhttps://sebastien.rigaux.be/veille/liens/c-15-des-unions-exhaustives-avec-un-cout-de-boxing-a-surveillerhttps://sebastien.rigaux.be/veille/liens/c-15-des-unions-exhaustives-avec-un-cout-de-boxing-a-surveillerC# 15 introduit le mot-clé union pour représenter une valeur parmi plusieurs types sans les regrouper dans une classe de base ni perdre leur typage dans object. Andrew Lock montre comment les switch expressions vérifient que chaque cas est traité, et comment déclarer des unions comme Result<T>. Le détail à considérer côté performance : l’implémentation générée stocke la valeur dans un object, ce qui boxe les types valeur. L’article présente une implémentation personnalisée avec TryGetValue pour éviter ce boxing dans les switch.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/yi5OJqeAKwzhGLHH_image-0.png?auto=format,compress" alt="Extrait de code C# déclarant les records Windows, Linux et MacOS, puis une union SupportedOS contenant ces trois types." width="600" height="400" /></p><p>C# 15 introduit le mot-clé <code>union</code> pour représenter une valeur parmi plusieurs types sans les regrouper dans une classe de base ni perdre leur typage dans <code>object</code>. Andrew Lock montre comment les <code>switch</code> expressions vérifient que chaque cas est traité, et comment déclarer des unions comme <code>Result&lt;T&gt;</code>.</p> <p>Le détail à considérer côté performance : l’implémentation générée stocke la valeur dans un <code>object</code>, ce qui boxe les types valeur. L’article présente une implémentation personnalisée avec <code>TryGetValue</code> pour éviter ce boxing dans les <code>switch</code>.</p><p><a href="https://andrewlock.net/exploring-the-dotnet-11-preview-2-dotnet-gets-union-types/">Ouvrir le lien original</a></p>Extrait de code C# déclarant les records Windows, Linux et MacOS, puis une union SupportedOS contenant ces trois types.C#.NEThttps://sebastien.rigaux.be/veille/liens/microsoft-agent-framework-choisir-ou-intercepter-les-appelshttps://sebastien.rigaux.be/veille/liens/microsoft-agent-framework-choisir-ou-intercepter-les-appelsDans Microsoft Agent Framework, le middleware du ChatClient intercepte les messages échangés avec le LLM, tandis que le middleware d’agent agit sur l’exécution globale, notamment pour gérer session, identité ou budget de tokens. Cette distinction aide à placer la journalisation ou la modification au bon niveau. L’exemple C# ajoute un middleware d’invocation de fonction qui journalise les appels à l’outil Tavily du seul agent Researcher, sans modifier les autres agents. La trace affiche le nom de la fonction et ses arguments.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/Ekq7OL1aNFQGqPQX_image-0.jpg?auto=format,compress" alt="Trois joueurs de basketball illustrent une séquence : le premier tient le ballon, le deuxième observe avec des jumelles et le troisième lance le ballon vers le panier." width="765" height="457" /></p><p>Dans Microsoft Agent Framework, le middleware du <code>ChatClient</code> intercepte les messages échangés avec le LLM, tandis que le middleware d’agent agit sur l’exécution globale, notamment pour gérer session, identité ou budget de tokens. Cette distinction aide à placer la journalisation ou la modification au bon niveau.</p> <p>L’exemple C# ajoute un middleware d’invocation de fonction qui journalise les appels à l’outil Tavily du seul agent Researcher, sans modifier les autres agents. La trace affiche le nom de la fonction et ses arguments.</p><p><a href="https://jesseliberty.com/2026/08/08/chatclient-middleware-vs-agent-middleware/">Ouvrir le lien original</a></p>Trois joueurs de basketball illustrent une séquence : le premier tient le ballon, le deuxième observe avec des jumelles et le troisième lance le ballon vers le panier.Microsoft Agent FrameworkAI AgentsC#Observabilityhttps://sebastien.rigaux.be/veille/liens/c-ifitquacks-transforme-le-duck-typing-en-bibliothequehttps://sebastien.rigaux.be/veille/liens/c-ifitquacks-transforme-le-duck-typing-en-bibliothequeIfItQuacks permet d’utiliser en C# des objets qui correspondent à une interface sans l’implémenter ni hériter d’une classe commune. L’attribut [DuckTyped] déclenche un générateur de code qui vérifie la compatibilité à la compilation et crée un adaptateur, sans réflexion ni dynamic. Les types anonymes peuvent aussi servir de stubs de test : un objet { Name = "Steven", Age = 90 } satisfait ainsi une interface IPerson. Les adaptateurs préservent par ailleurs l’identité en transférant Equals, GetHashCode et ToString à l’objet sous-jacent.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/dW9zy7zmosJKDENv_image-1.png?auto=format,compress" alt="Illustration jaune « Buy me a coffee » avec une tasse stylisée." width="580" height="146" /></p><p>IfItQuacks permet d’utiliser en C# des objets qui correspondent à une interface sans l’implémenter ni hériter d’une classe commune. L’attribut <code>[DuckTyped]</code> déclenche un générateur de code qui vérifie la compatibilité à la compilation et crée un adaptateur, sans réflexion ni <code>dynamic</code>.</p> <p>Les types anonymes peuvent aussi servir de stubs de test : un objet <code>{ Name = &quot;Steven&quot;, Age = 90 }</code> satisfait ainsi une interface <code>IPerson</code>. Les adaptateurs préservent par ailleurs l’identité en transférant <code>Equals</code>, <code>GetHashCode</code> et <code>ToString</code> à l’objet sous-jacent.</p><p><a href="https://steven-giesel.com/blogPost/41599817-4457-441e-b874-1a5c67f4e7cc">Ouvrir le lien original</a></p>Illustration jaune « Buy me a coffee » avec une tasse stylisée.C#.NEThttps://sebastien.rigaux.be/veille/liens/net-modeliser-les-intervalles-comme-objets-metierhttps://sebastien.rigaux.be/veille/liens/net-modeliser-les-intervalles-comme-objets-metierCodoMetis.ValueRanges propose des types d’intervalle .NET pour remplacer les paires de dates et leur logique dispersée. Les cinq variantes — finie, sans borne gauche ou droite, infinie et vide — rendent explicites les formes possibles et leurs règles, tandis que les opérations comme Contains et Overlaps s’exécutent en mémoire. Le package EF Core associé fait le pont avec PostgreSQL : les mêmes opérations dans le domaine sont traduites en opérateurs SQL via Npgsql. L’article détaille aussi le compromis de conception : des records abstraits plutôt que des structs, pour représenter les variantes par une hiérarchie de types.Sun, 01 Nov 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/2CXATPwyNQbCQXAM_image-0.webp?auto=format,compress" alt="Bandeau de l’article avec son titre, le nom de Ricardo Groß et la date « Jun 11 », sur fond blanc." width="1200" height="627" /></p><p>CodoMetis.ValueRanges propose des types d’intervalle .NET pour remplacer les paires de dates et leur logique dispersée. Les cinq variantes — finie, sans borne gauche ou droite, infinie et vide — rendent explicites les formes possibles et leurs règles, tandis que les opérations comme <code>Contains</code> et <code>Overlaps</code> s’exécutent en mémoire.</p> <p>Le package EF Core associé fait le pont avec PostgreSQL : les mêmes opérations dans le domaine sont traduites en opérateurs SQL via Npgsql. L’article détaille aussi le compromis de conception : des records abstraits plutôt que des structs, pour représenter les variantes par une hiérarchie de types.</p><p><a href="https://dev.to/caffeinatedcoder/the-interval-is-the-thing-modelling-range-types-as-first-class-domain-objects-in-net-3jha">Ouvrir le lien original</a></p>Bandeau de l’article avec son titre, le nom de Ricardo Groß et la date « Jun 11 », sur fond blanc..NETC#Entity Framework CorePostgreSQLSoftware Architecturehttps://sebastien.rigaux.be/veille/liens/wordpress-une-faille-rce-exploite-la-fenetre-des-mises-a-jourhttps://sebastien.rigaux.be/veille/liens/wordpress-une-faille-rce-exploite-la-fenetre-des-mises-a-jourUne faille RCE dans WordPress Core permet à un attaquant non authentifié d’exécuter du code pendant une mise à jour complète, si le répertoire temporaire est accessible depuis le Web. Wordfence indique avoir bloqué 62 969 tentatives en 24 heures ; le correctif est disponible dans la version 7.1.4. Le risque tient à une course contre le nettoyage : les fichiers d’installation sont décompressés dans un chemin prévisible sous wp-content/upgrade, et des attaquants interrogent notamment setup-config.php pour tomber sur la fenêtre d’exposition, qui peut ne durer que quelques secondes. La faille concerne les versions 4.7 à 7.1.3.Sat, 31 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/XZwPRoEwVwbHUkLi_image-0.webp?auto=format,compress" alt="Logo WordPress blanc sur des panneaux bleus superposés, avec des chemins de fichiers en arrière-plan." width="900" height="470" /></p><p>Une faille RCE dans WordPress Core permet à un attaquant non authentifié d’exécuter du code pendant une mise à jour complète, si le répertoire temporaire est accessible depuis le Web. Wordfence indique avoir bloqué 62 969 tentatives en 24 heures ; le correctif est disponible dans la version 7.1.4.</p> <p>Le risque tient à une course contre le nettoyage : les fichiers d’installation sont décompressés dans un chemin prévisible sous <code>wp-content/upgrade</code>, et des attaquants interrogent notamment <code>setup-config.php</code> pour tomber sur la fenêtre d’exposition, qui peut ne durer que quelques secondes. La faille concerne les versions 4.7 à 7.1.3.</p><p><a href="https://thehackernews.com/2026/10/wordpress-rce-flaw-draws-nearly-63000.html?m=1&amp;fbclid=IwVERDUAVSgZFleHRuA2FlbQIxMQBwZG9mBWZkaWQWURVldsH84Prb_V9O7MJ8RzmvQSBsuHNydGMGYXBwX2lkCjY2Mjg1NjgzNzkAAR8-ptU2QLdLnxH-DOwi8ZTpvDQvoHH5ARUtADcS_XgLJpuQ6RDMlL_aD1TW9g_aem_-NUl7MFU_kQudSHH6dvgVQ">Ouvrir le lien original</a></p>Logo WordPress blanc sur des panneaux bleus superposés, avec des chemins de fichiers en arrière-plan.Securityhttps://sebastien.rigaux.be/veille/liens/cvengine-relier-decouverte-de-surface-dattaque-et-validation-des-cvehttps://sebastien.rigaux.be/veille/liens/cvengine-relier-decouverte-de-surface-dattaque-et-validation-des-cveCVEngine regroupe dans une plateforme auto-hébergée la découverte continue d’actifs, les scans de vulnérabilités et le rapprochement avec les CVE exploitées. Le résultat vise à prioriser les failles réellement applicables, avec validation en lecture seule et éléments de preuve plutôt qu’une simple liste d’alertes. La version 1.3 ajoute des Sentinels pour lancer les scans depuis des réseaux privés, ainsi qu’une intégration OpenVAS désactivée par défaut. Les résultats alimentent le même inventaire et les mêmes niveaux de sévérité ; l’outil expose aussi une API REST et une intégration MCP.Sat, 31 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/5CEuysgDJnMsu6zd_image-0.png?auto=format,compress" alt="Bannière GitHub CVEngine avec son nom, une courte description, les nombres de contributeurs, issues, étoiles et forks, et une petite image d’une personne tendant les mains." width="1200" height="600" /></p><p>CVEngine regroupe dans une plateforme auto-hébergée la découverte continue d’actifs, les scans de vulnérabilités et le rapprochement avec les CVE exploitées. Le résultat vise à prioriser les failles réellement applicables, avec validation en lecture seule et éléments de preuve plutôt qu’une simple liste d’alertes.</p> <p>La version 1.3 ajoute des Sentinels pour lancer les scans depuis des réseaux privés, ainsi qu’une intégration OpenVAS désactivée par défaut. Les résultats alimentent le même inventaire et les mêmes niveaux de sévérité ; l’outil expose aussi une API REST et une intégration MCP.</p><p><a href="https://github.com/hevnsnt/CVEngine">Ouvrir le lien original</a></p>Bannière GitHub CVEngine avec son nom, une courte description, les nombres de contributeurs, issues, étoiles et forks, et une petite image d’une personne tendant les mains.SecurityPenetration testingSelf-hostinghttps://sebastien.rigaux.be/veille/liens/mautic-automatiser-le-marketing-en-gardant-la-maitrise-des-donneeshttps://sebastien.rigaux.be/veille/liens/mautic-automatiser-le-marketing-en-gardant-la-maitrise-des-donneesMautic est une plateforme open source d’automatisation marketing qui regroupe campagnes, emails, pages d’atterrissage et gestion des contacts. Elle peut être hébergée sur l’infrastructure de l’organisation, avec une API REST et des plugins pour l’intégrer et l’étendre. La page met aussi en avant la création de campagnes par glisser-déposer, le scoring des leads et des fonctions orientées confidentialité. Des cas d’usage cités incluent l’envoi quotidien de plus d’un million d’emails personnalisés et multilingues dans l’e-commerce.Sat, 31 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/QcT3-uJG_tmmZosI_image-0.jpg?auto=format,compress" alt="Montagnes enneigées sous un voile violet, avec le texte « Free Your Marketing! empowered by mautic »." width="1919" height="640" /></p><p>Mautic est une plateforme open source d’automatisation marketing qui regroupe campagnes, emails, pages d’atterrissage et gestion des contacts. Elle peut être hébergée sur l’infrastructure de l’organisation, avec une API REST et des plugins pour l’intégrer et l’étendre.</p> <p>La page met aussi en avant la création de campagnes par glisser-déposer, le scoring des leads et des fonctions orientées confidentialité. Des cas d’usage cités incluent l’envoi quotidien de plus d’un million d’emails personnalisés et multilingues dans l’e-commerce.</p><p><a href="https://mautic.org/">Ouvrir le lien original</a></p>Montagnes enneigées sous un voile violet, avec le texte « Free Your Marketing! empowered by mautic ».Marketing automationSelf-hostingOpen Sourcehttps://sebastien.rigaux.be/veille/liens/billionmail-heberger-sa-plateforme-de-mailing-et-ses-campagneshttps://sebastien.rigaux.be/veille/liens/billionmail-heberger-sa-plateforme-de-mailing-et-ses-campagnesBillionMail regroupe serveur mail, newsletters et marketing par e-mail dans une solution open source à auto-héberger. Le dépôt présente un parcours de configuration qui relie domaine et vérification DNS, puis création et envoi de campagnes, avec gestion de listes et de tags. Le projet s’appuie sur Docker et propose aussi une installation via aaPanel. Il intègre RoundCube pour le webmail, des outils d’analyse des envois et une licence AGPLv3 ; l’exploitation du service reste donc à la charge de l’équipe qui l’héberge.Sat, 31 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/XjK3o0AbUsXd_m7Y_image-0.png?auto=format,compress" alt="Bannière GitHub de BillionMail : nom du projet, description d’un service de messagerie et de marketing par e-mail auto-hébergé, et compteurs de contributeurs, issues, étoiles et forks." width="1200" height="600" /></p><p>BillionMail regroupe serveur mail, newsletters et marketing par e-mail dans une solution open source à auto-héberger. Le dépôt présente un parcours de configuration qui relie domaine et vérification DNS, puis création et envoi de campagnes, avec gestion de listes et de tags.</p> <p>Le projet s’appuie sur Docker et propose aussi une installation via aaPanel. Il intègre RoundCube pour le webmail, des outils d’analyse des envois et une licence AGPLv3 ; l’exploitation du service reste donc à la charge de l’équipe qui l’héberge.</p><p><a href="https://github.com/Billionmail/BillionMail?fbclid=IwZnRzaAVSfsRleHRuA2FlbQIxMQBwZG9mBWZkaWQWURXNcp56FMhsSBMENWsMwQT7qCd6y3NydGMGYXBwX2lkCjY2Mjg1NjgzNzkAAR_MI9RcqU99pGd4uxK2p9-mnrPt77hPr6xfWTGamacb-oeBIqlbmf9PZ_hfIA_aem__boTMF88wTbUjGAZtHUMgQ">Ouvrir le lien original</a></p>Bannière GitHub de BillionMail : nom du projet, description d’un service de messagerie et de marketing par e-mail auto-hébergé, et compteurs de contributeurs, issues, étoiles et forks.Marketing automationSelf-hostingOpen SourceDockerhttps://sebastien.rigaux.be/veille/liens/metalama-generer-des-patterns-c-et-faire-appliquer-larchitecture-au-buildhttps://sebastien.rigaux.be/veille/liens/metalama-generer-des-patterns-c-et-faire-appliquer-larchitecture-au-buildMetalama automatise les patterns transverses en C# avec des aspects qui génèrent le code à la compilation, tout en vérifiant les règles d’architecture dès l’édition. L’implémentation répétitive reste ainsi hors du code métier et du dépôt, tandis qu’un même aspect peut être appliqué à une méthode ou à un ensemble de méthodes sélectionnées par code. Un aspect peut, par exemple, envelopper une méthode dans un try/catch pour journaliser son entrée, son résultat et ses exceptions. Metalama permet aussi de prévisualiser le code transformé et de le déboguer, pour rendre ces transformations inspectables.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://bd7d5fa0.cdn.prismic.io/bd7d5fa0/M-33MF2ZXaLfipgW_image-0.svg?auto=compress,format" alt="" width="750" height="700" /></p><p>Metalama automatise les patterns transverses en C# avec des aspects qui génèrent le code à la compilation, tout en vérifiant les règles d’architecture dès l’édition. L’implémentation répétitive reste ainsi hors du code métier et du dépôt, tandis qu’un même aspect peut être appliqué à une méthode ou à un ensemble de méthodes sélectionnées par code.</p> <p>Un aspect peut, par exemple, envelopper une méthode dans un <code>try/catch</code> pour journaliser son entrée, son résultat et ses exceptions. Metalama permet aussi de prévisualiser le code transformé et de le déboguer, pour rendre ces transformations inspectables.</p><p><a href="https://postsharp.net/metalama">Ouvrir le lien original</a></p>C#.NETSoftware ArchitectureDeveloper Experiencehttps://sebastien.rigaux.be/veille/liens/motherload-importe-yaml-jsonc-csv-et-markdown-types-dans-typescripthttps://sebastien.rigaux.be/veille/liens/motherload-importe-yaml-jsonc-csv-et-markdown-types-dans-typescriptMotherload permet d’importer des fichiers de données comme des modules TypeScript typés d’après leur contenu. Le projet prend en charge TOML, YAML, JSONC, JSON5, CSV, TSV, Markdown, texte brut et .env ; les types sont disponibles dans l’éditeur et les erreurs de parsing remontent dans tsc avec leur emplacement. Le type-checking utilise les content mappers de TypeScript 7.1, actuellement en bêta, et exige --runExternalCode. À l’exécution, un preload ou un plugin adapte les mêmes imports à Node.js et à différents bundlers.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/dXKQOoq5YQNzTzMV_image-0.png?auto=format,compress" alt="Visuel Motherload présentant à gauche le texte « Import data files into TypeScript, fully typed » et à droite un extrait TypeScript important des fichiers plans.toml, team.yaml, strings.jsonc, posts.csv, notes.md et .env." width="1200" height="630" /></p><p>Motherload permet d’importer des fichiers de données comme des modules TypeScript <strong>typés d’après leur contenu</strong>. Le projet prend en charge TOML, YAML, JSONC, JSON5, CSV, TSV, Markdown, texte brut et <code>.env</code> ; les types sont disponibles dans l’éditeur et les erreurs de parsing remontent dans <code>tsc</code> avec leur emplacement.</p> <p>Le type-checking utilise les <em>content mappers</em> de TypeScript 7.1, actuellement en bêta, et exige <code>--runExternalCode</code>. À l’exécution, un preload ou un plugin adapte les mêmes imports à Node.js et à différents bundlers.</p><p><a href="https://motherload.dev/">Ouvrir le lien original</a></p>Visuel Motherload présentant à gauche le texte « Import data files into TypeScript, fully typed » et à droite un extrait TypeScript important des fichiers plans.toml, team.yaml, strings.jsonc, posts.csv, notes.md et .env.TypeScriptDeveloper ExperienceNode.jshttps://sebastien.rigaux.be/veille/liens/nextjs-une-skill-ia-analyse-et-reduit-les-imports-javascripthttps://sebastien.rigaux.be/veille/liens/nextjs-une-skill-ia-analyse-et-reduit-les-imports-javascriptNext.js 16.4 fournit une skill d’agent IA qui analyse le graphe des modules et des chunks Turbopack pour repérer les imports qui alourdissent le JavaScript livré. Elle peut notamment détecter qu’un import statique ailleurs dans le bundle annule le chargement différé d’un composant, puis proposer des changements à examiner avant de les appliquer. L’analyseur compare aussi des snapshots et filtre le code chargé au rendu initial. Vercel rapporte près de deux mégaoctets de JavaScript compressé économisés sur v0 et vercel.com ; les corrections ont été vérifiées sur des déploiements preview. L’outil requiert Turbopack, le bundler par défaut depuis Next.js 16.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/LsCiTo3_qcg8nIQG_image-0.png?auto=format,compress" alt="Visuel noir avec le texte « Ship less JavaScript in Next.js with your AI agent » et le logo Next.js." width="2400" height="1256" /></p><p>Next.js 16.4 fournit une skill d’agent IA qui analyse le graphe des modules et des chunks Turbopack pour repérer les imports qui alourdissent le JavaScript livré. Elle peut notamment détecter qu’un import statique ailleurs dans le bundle annule le chargement différé d’un composant, puis proposer des changements à examiner avant de les appliquer.</p> <p>L’analyseur compare aussi des snapshots et filtre le code chargé au rendu initial. Vercel rapporte près de deux mégaoctets de JavaScript compressé économisés sur v0 et vercel.com ; les corrections ont été vérifiées sur des déploiements preview. L’outil requiert Turbopack, le bundler par défaut depuis Next.js 16.</p><p><a href="https://nextjs.org/blog/ship-less-javascript-with-ai">Ouvrir le lien original</a></p>Visuel noir avec le texte « Ship less JavaScript in Next.js with your AI agent » et le logo Next.js.Next.jsAgent skillsWeb PerformanceTurbopackhttps://sebastien.rigaux.be/veille/liens/tanstack-db-10-rc1-les-oracles-pour-fiabiliser-le-code-genere-par-des-agentshttps://sebastien.rigaux.be/veille/liens/tanstack-db-10-rc1-les-oracles-pour-fiabiliser-le-code-genere-par-des-agentsTanStack DB passe en 1.0 RC1 après un important travail de stabilisation. Kyle Mathews détaille comment des oracles de test — des modèles indépendants qui calculent le comportement attendu — et des tests property-based ont révélé des bugs dans les mises à jour de collections et les messages envoyés aux abonnés. Ces références exécutables donnent aussi aux agents de code des règles précises à préserver lorsqu’ils modifient l’implémentation. Le compromis est explicite : écrire et affiner les modèles demande du travail, mais leur simplicité facilite la vérification d’algorithmes plus complexes. La version RC propose par ailleurs une adoption progressive, des API REST existantes vers la persistance locale, le mode offline et la synchronisation temps réel.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/21BsJxsdofB3ufTH_image-0.jpg?auto=format,compress" alt="Carte illustrée de montagnes, de vallées et de chemins pointillés reliant différents points." width="1200" height="630" /></p><p>TanStack DB passe en 1.0 RC1 après un important travail de stabilisation. Kyle Mathews détaille comment des <strong>oracles de test</strong> — des modèles indépendants qui calculent le comportement attendu — et des tests property-based ont révélé des bugs dans les mises à jour de collections et les messages envoyés aux abonnés.</p> <p>Ces références exécutables donnent aussi aux agents de code des règles précises à préserver lorsqu’ils modifient l’implémentation. Le compromis est explicite : écrire et affiner les modèles demande du travail, mais leur simplicité facilite la vérification d’algorithmes plus complexes. La version RC propose par ailleurs une adoption progressive, des API REST existantes vers la persistance locale, le mode offline et la synchronisation temps réel.</p><p><a href="https://tanstack.com/blog/tanstack-db-1.0-rc1-going-all-in-on-oracles">Ouvrir le lien original</a></p>Carte illustrée de montagnes, de vallées et de chemins pointillés reliant différents points.TanStack DBProperty-based testingTestingAI AgentsLocal-firsthttps://sebastien.rigaux.be/veille/liens/vinext-14-moins-de-travail-serveur-et-une-hydratation-plus-rapidehttps://sebastien.rigaux.be/veille/liens/vinext-14-moins-de-travail-serveur-et-une-hydratation-plus-rapideVinext 1.4 réduit le travail à plusieurs étapes du rendu : les layouts App Router s’exécutent une seule fois par requête, le prefetch des routes dynamiques ne génère plus la page entière et les chunks nécessaires à l’hydratation se compilent en arrière-plan dans Chrome récent. Sur le benchmark Hacker News, l’éditeur mesure 31,1 ms de CPU par requête, contre 54,4 ms en 1.3 et 33,7 ms pour Next.js. La version synchronise aussi la génération du HTML et du payload RSC en cache. Les résultats restent toutefois dépendants du scénario : sur un prototype de site éditorial, Next.js peint plus vite et consomme moins de CPU par requête. Le test de TanStack Redact révèle un autre compromis : moins de JavaScript téléchargé, mais une hydratation nettement plus coûteuse sur les pages chargées.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/VoW3Vlu1ZaFTUg9z_image-0.png?auto=format,compress" alt="Visuel du billet Vinext 1.4, avec son titre, un résumé des changements et la date du 28 octobre 2026." width="1200" height="630" /></p><p>Vinext 1.4 réduit le travail à plusieurs étapes du rendu : les layouts App Router s’exécutent une seule fois par requête, le prefetch des routes dynamiques ne génère plus la page entière et les chunks nécessaires à l’hydratation se compilent en arrière-plan dans Chrome récent. Sur le benchmark Hacker News, l’éditeur mesure 31,1 ms de CPU par requête, contre 54,4 ms en 1.3 et 33,7 ms pour Next.js.</p> <p>La version synchronise aussi la génération du HTML et du payload RSC en cache. Les résultats restent toutefois dépendants du scénario : sur un prototype de site éditorial, Next.js peint plus vite et consomme moins de CPU par requête. Le test de TanStack Redact révèle un autre compromis : moins de JavaScript téléchargé, mais une hydratation nettement plus coûteuse sur les pages chargées.</p><p><a href="https://vinext.dev/blog/vinext-1-4">Ouvrir le lien original</a></p>Visuel du billet Vinext 1.4, avec son titre, un résumé des changements et la date du 28 octobre 2026.VinextNext.jsWeb PerformanceHydrationPrefetchinghttps://sebastien.rigaux.be/veille/liens/tanstack-ai-10-un-coeur-stable-un-harness-encore-experimentalhttps://sebastien.rigaux.be/veille/liens/tanstack-ai-10-un-coeur-stable-un-harness-encore-experimentalTanStack AI 1.0 stabilise ses API principales pour composer chat, outils, médias et intégrations avec plusieurs fournisseurs et frameworks UI. Les adapters tree-shakable et les tests de bout en bout sur fixtures déterministes permettent de vérifier les flux sans appels réels aux modèles. Le harness d’agents ajoute sessions durables, interruptions et travail en arrière-plan, mais reste en 0.x et peut changer lors d’une version mineure. Pour migrer, il faut mettre à niveau ensemble les packages stables et fournir explicitement un threadId ; le contrôle des types ne migre pas les conversations ni les fichiers persistés.Fri, 30 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/WLRRw7i7xhI86EPe_image-0.jpg?auto=format,compress" alt="Visuel TanStack AI 1.0 avec les logos TanStack, la mention « AI building blocks for TypeScript » et un palmier sur fond dégradé." width="1920" height="1080" /></p><p>TanStack AI 1.0 stabilise ses API principales pour composer chat, outils, médias et intégrations avec plusieurs fournisseurs et frameworks UI. Les adapters tree-shakable et les tests de bout en bout sur fixtures déterministes permettent de vérifier les flux sans appels réels aux modèles.</p> <p>Le harness d’agents ajoute sessions durables, interruptions et travail en arrière-plan, mais reste en 0.x et peut changer lors d’une version mineure. Pour migrer, il faut mettre à niveau ensemble les packages stables et fournir explicitement un <code>threadId</code> ; le contrôle des types ne migre pas les conversations ni les fichiers persistés.</p><p><a href="https://tanstack.com/blog/tanstack-ai-1-0">Ouvrir le lien original</a></p>Visuel TanStack AI 1.0 avec les logos TanStack, la mention « AI building blocks for TypeScript » et un palmier sur fond dégradé.TanStack AILLMsAI AgentsTypeScriptTestinghttps://sebastien.rigaux.be/veille/liens/tanstack-redact-reduit-le-runtime-client-de-reacthttps://sebastien.rigaux.be/veille/liens/tanstack-redact-reduit-le-runtime-client-de-reactTanStack Redact 0.2.0 remplace React et React DOM dans le navigateur sans modifier le code de l’application. Ses intégrations stables couvrent TanStack Start, Vite, Vinext et Next.js ; dans ces deux derniers frameworks, React reste chargé du rendu serveur tandis que Redact gère l’hydratation et le rendu client. Les mesures fournies par TanStack montrent des réductions de bundle allant de 20,4 % à 70,5 % sur leurs applications de référence, mais ces gains varient selon le projet. Le compromis est concret : Redact rend de façon synchrone, sans time slicing ni rendu interruptible de React. Un rendu lourd peut donc retarder les interactions ; la compatibilité et les écrans les plus chargés méritent d’être vérifiés dans chaque application.Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/VmfoXPThQXMAljxd_image-0.jpg?auto=format,compress" alt="Visuel TanStack Redact indiquant « Your React app. Less JavaScript. » et affichant les logos de TanStack Start, Vite, Vinext et Next.js." width="1200" height="630" /></p><p>TanStack Redact 0.2.0 remplace React et React DOM dans le navigateur sans modifier le code de l’application. Ses intégrations stables couvrent TanStack Start, Vite, Vinext et Next.js ; dans ces deux derniers frameworks, React reste chargé du rendu serveur tandis que Redact gère l’hydratation et le rendu client.</p> <p>Les mesures fournies par TanStack montrent des réductions de bundle allant de 20,4 % à 70,5 % sur leurs applications de référence, mais ces gains varient selon le projet. Le compromis est concret : Redact rend de façon synchrone, sans time slicing ni rendu interruptible de React. Un rendu lourd peut donc retarder les interactions ; la compatibilité et les écrans les plus chargés méritent d’être vérifiés dans chaque application.</p><p><a href="https://tanstack.com/blog/introducing-tanstack-redact?ck_subscriber_id=2550494205&amp;utm_source=convertkit&amp;utm_medium=email&amp;utm_campaign=%E2%9A%9B%EF%B8%8F%20This%20Week%20In%20React%20%23303%3A%20TanStack%2C%20Next.js%2C%20Vinext%2C%20Motion%2C%20React%20Hook%20Form%20%7C%20Expo%20Desktop%2C%20Legend%20Spark%2C%20Nitro%2C%20Exact%2C%20Skia%2C%20Screens%2C%20Unistyles%20%7C%20Node.js%2C%20Bun%2C%20SWC%2C%20Content%20Mappers%2C%20pnpm%2C%20Biome%20-%2023928066">Ouvrir le lien original</a></p>Visuel TanStack Redact indiquant « Your React app. Less JavaScript. » et affichant les logos de TanStack Start, Vite, Vinext et Next.js.TanStack RedactReactHydrationWeb Performancehttps://sebastien.rigaux.be/veille/liens/opnform-creation-de-formulaires-open-source-cloud-ou-auto-hebergeehttps://sebastien.rigaux.be/veille/liens/opnform-creation-de-formulaires-open-source-cloud-ou-auto-hebergeeOpnForm est un éditeur de formulaires open source qui propose aussi bien un service cloud qu’un déploiement auto-hébergé. Le dépôt documente des fonctions concrètes pour l’exploitation et la maintenance : limites de taille des bundles, migrations d’index PostgreSQL sans bloquer les écritures, environnements Docker isolés pour les worktrees et contrôles des dépendances. Il expose aussi un serveur MCP permettant aux agents IA de créer et prévisualiser des brouillons, avec une gestion des versions pour restaurer des révisions.Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/2LIDtYs1BVosHHc__image-0.png?auto=format,compress" alt="Logo OpnForm sur fond clair, accompagné de la mention « The open-source form builder »." width="1200" height="675" /></p><p>OpnForm est un éditeur de formulaires open source qui propose aussi bien un service cloud qu’un déploiement auto-hébergé. Le dépôt documente des fonctions concrètes pour l’exploitation et la maintenance : limites de taille des bundles, migrations d’index PostgreSQL sans bloquer les écritures, environnements Docker isolés pour les worktrees et contrôles des dépendances. Il expose aussi un serveur MCP permettant aux agents IA de créer et prévisualiser des brouillons, avec une gestion des versions pour restaurer des révisions.</p><p><a href="https://github.com/OpnForm/OpnForm">Ouvrir le lien original</a></p>Logo OpnForm sur fond clair, accompagné de la mention « The open-source form builder ».FormsSelf-hostingOpen SourceMCPhttps://sebastien.rigaux.be/veille/liens/redact-un-runtime-react-allege-avec-un-rendu-synchronehttps://sebastien.rigaux.be/veille/liens/redact-un-runtime-react-allege-avec-un-rendu-synchroneL’expérience de projection React pilotée par l’IA de Tanner Linsley est devenue un projet TanStack utilisé en production. Redact propose un runtime plus léger, compatible avec React et déjà fonctionnel avec Start, Next.js, Vinext et Vite. Côté serveur, React continue de gérer le SSR et les Server Components. Le compromis se situe dans le rendu : Redact travaille de façon synchrone, sans le time slicing de React. Comme le reconnaît le billet, un rendu lourd peut encore retarder les interactions. Le gain de légèreté s’accompagne donc d’une limite à prendre en compte pour les interfaces exigeantes en réactivité.Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/NfJa-Z3e60CZByow_image-0.png?auto=format,compress" alt="Aperçu GitHub du dépôt shader-effects-inc/shaders, présenté comme une bibliothèque de composants WebGPU pour React, Vue, Svelte, Solid, JavaScript et Framer." width="1200" height="600" /></p><p>L’expérience de projection React pilotée par l’IA de Tanner Linsley est devenue un projet TanStack utilisé en production. Redact propose un runtime plus léger, compatible avec React et déjà fonctionnel avec Start, Next.js, Vinext et Vite. Côté serveur, React continue de gérer le SSR et les Server Components.</p> <p>Le compromis se situe dans le rendu : Redact travaille de façon synchrone, sans le time slicing de React. Comme le reconnaît le billet, un rendu lourd peut encore retarder les interactions. Le gain de légèreté s’accompagne donc d’une limite à prendre en compte pour les interfaces exigeantes en réactivité.</p><p><a href="https://github.com/shader-effects-inc/shaders">Ouvrir le lien original</a></p>Aperçu GitHub du dépôt shader-effects-inc/shaders, présenté comme une bibliothèque de composants WebGPU pour React, Vue, Svelte, Solid, JavaScript et Framer.TanStack RedactReactWeb PerformanceSSRhttps://sebastien.rigaux.be/veille/liens/webcheck-analyser-les-signaux-publics-dun-site-webhttps://sebastien.rigaux.be/veille/liens/webcheck-analyser-les-signaux-publics-dun-site-webWebCheck rassemble dans une interface les informations qu’un domaine expose publiquement : DNS, certificats TLS, en-têtes HTTP, sous-domaines, technologies détectées et présence éventuelle sur des listes de menaces. L’outil propose 44 vérifications et peut aussi servir à examiner les redirections, les trackers ou la configuration e-mail. L’analyse donne un point de départ pratique pour un contrôle de surface, sans remplacer un audit approfondi : certaines données, comme les vulnérabilités associées par Shodan, reposent sur des sources externes. Le projet est open source, peut être auto-hébergé et expose une API.Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/R77N_VHqf9Zrt_l7_image-0.png?auto=format,compress" alt="Bannière WebCheck avec le nom du projet en vert, la mention « On-demand OSINT tool for exploring website data » et une icône de globe protégée par un bouclier." width="1280" height="640" /></p><p>WebCheck rassemble dans une interface les informations qu’un domaine expose publiquement : DNS, certificats TLS, en-têtes HTTP, sous-domaines, technologies détectées et présence éventuelle sur des listes de menaces. L’outil propose <strong>44 vérifications</strong> et peut aussi servir à examiner les redirections, les trackers ou la configuration e-mail.</p> <p>L’analyse donne un point de départ pratique pour un contrôle de surface, sans remplacer un audit approfondi : certaines données, comme les vulnérabilités associées par Shodan, reposent sur des sources externes. Le projet est open source, peut être auto-hébergé et expose une API.</p><p><a href="https://web-check.xyz/">Ouvrir le lien original</a></p>Bannière WebCheck avec le nom du projet en vert, la mention « On-demand OSINT tool for exploring website data » et une icône de globe protégée par un bouclier.SecuritySelf-hostingOpen Sourcehttps://sebastien.rigaux.be/veille/liens/rag-anything-traiter-graphiques-et-documents-multimodauxhttps://sebastien.rigaux.be/veille/liens/rag-anything-traiter-graphiques-et-documents-multimodauxRAG-Anything est un framework construit sur LightRAG pour indexer et interroger des documents mêlant texte, images, tableaux, équations ou graphiques. Il orchestre leur parsing, leur analyse et leur recherche dans un même pipeline multimodal. Le projet combine similarité vectorielle et graphe de connaissances, avec des processeurs dédiés aux différents contenus et des requêtes pouvant transmettre les images retrouvées à un modèle de vision. Une évolution récente route aussi les graphiques rendus vers le pipeline d’images, tout en conservant leurs légendes et le texte extrait. Pour mettre à jour un document déjà indexé, le retraitement multimodal doit être activé explicitement avec force_multimodal_reprocess=True.Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/Yb0opRRi9ZimdNWl_image-0.png?auto=format,compress" alt="Aperçu du dépôt GitHub HKUDS/RAG-Anything, avec le logo Open DataScience et les compteurs de contributeurs, issues, discussions, étoiles et forks." width="1200" height="600" /></p><p>RAG-Anything est un framework construit sur LightRAG pour indexer et interroger des documents mêlant texte, images, tableaux, équations ou graphiques. Il orchestre leur parsing, leur analyse et leur recherche dans un même pipeline multimodal.</p> <p>Le projet combine similarité vectorielle et graphe de connaissances, avec des processeurs dédiés aux différents contenus et des requêtes pouvant transmettre les images retrouvées à un modèle de vision. Une évolution récente route aussi les graphiques rendus vers le pipeline d’images, tout en conservant leurs légendes et le texte extrait. Pour mettre à jour un document déjà indexé, le retraitement multimodal doit être activé explicitement avec <code>force_multimodal_reprocess=True</code>.</p><p><a href="https://github.com/HKUDS/RAG-Anything">Ouvrir le lien original</a></p>Aperçu du dépôt GitHub HKUDS/RAG-Anything, avec le logo Open DataScience et les compteurs de contributeurs, issues, discussions, étoiles et forks.RAGVector searchKnowledge graphsDocument managementhttps://sebastien.rigaux.be/veille/liens/microkit-54-micro-interactions-react-css-et-tailwind-a-copierhttps://sebastien.rigaux.be/veille/liens/microkit-54-micro-interactions-react-css-et-tailwind-a-copierMicroKit rassemble des interactions prêtes à copier — boutons animés, onglets, champs et effets au survol — avec des versions React ou CSS et Tailwind. Chaque composant se récupère séparément en JavaScript ou TypeScript, sans installer de package ; 26 des 54 n’ont aucune dépendance, tandis que 28 utilisent lucide-react. Le code est sous licence MIT et les variantes Tailwind sont prévues pour les versions 3 et 4. Côté Next.js App Router, la plupart des composants restent compatibles avec les server components ; ceux qui utilisent état, ref ou gestionnaire d’événement nécessitent « use client ».Thu, 29 Oct 2026 00:00:00 GMT<p><img src="https://images.prismic.io/bd7d5fa0/mMYhzXU28q2z9KG7_image-0.png?auto=format,compress" alt="Visuel MicroKit UI sur fond noir, avec le texte « Microinteractions worth copying » et des carrés concentriques orange." width="1200" height="630" /></p><p>MicroKit rassemble des interactions prêtes à copier — boutons animés, onglets, champs et effets au survol — avec des versions React ou CSS et Tailwind. Chaque composant se récupère séparément en JavaScript ou TypeScript, sans installer de package ; 26 des 54 n’ont aucune dépendance, tandis que 28 utilisent lucide-react.</p> <p>Le code est sous licence MIT et les variantes Tailwind sont prévues pour les versions 3 et 4. Côté Next.js App Router, la plupart des composants restent compatibles avec les server components ; ceux qui utilisent état, ref ou gestionnaire d’événement nécessitent « use client ».</p><p><a href="https://microkit.co/">Ouvrir le lien original</a></p>Visuel MicroKit UI sur fond noir, avec le texte « Microinteractions worth copying » et des carrés concentriques orange.AnimationReactCSSTailwind CSSUI/UX