Le lab là où j'expérimente

Articles et expérimentations autour du développement web et de l'IA

Prototypes, mini-apps, workflows : l'espace où je partage mes explorations en développement web et en IA, mes créations et mes découvertes.

35 expérimentations
AOÛT 2026

Quinze comptes étudiants en une commande

Workflow IA · Automatisation · Claude Code · Formation
Chaque rentrée, deux heures de clics dans cPanel pour créer les hébergements de mes étudiants. Accès SSH, API en ligne de commande, un skill testé et corrigé - le tout tient désormais en une commande.
JUIL 2026

Reprendre un WordPress en main : du live au local en SSH

Workflow IA · WordPress · Workflow · IA
Un site de thérapeute chez Combell, zéro documentation. Une clé SSH, WP-CLI, rsync, deux plugins MCP - une heure plus tard, le clone tourne en local. Le workflow complet, pièges compris.
JUIL 2026

Loop engineering : ne plus prompter l’IA, concevoir sa boucle

Réflexion · IA · Claude Code · Méthode
Le prompt engineering consiste à bien demander une tâche. Le loop engineering consiste à construire le système qui la poursuit, la vérifie et la corrige.
JUIL 2026

Mettre Claude Code en boucle : /goal, /loop et les hooks

Tutoriel · Claude Code · IA · Automatisation
Claude Code propose plusieurs façons de continuer un travail sans attendre votre prochain prompt. Voici ce que fait réellement chaque mécanisme.
JUIL 2026

Une bonne boucle n’est pas une IA livrée à elle-même

Architecture · IA · Qualité · Sécurité
L’autonomie d’un agent se conçoit avec des critères mesurables, une mémoire persistante, des limites et des points d’arrêt humains.
JUIL 2026

J’ai construit une mémoire graphique pour tous mes projets

Workflow IA · Graphify · Ollama · Claude Code
Comment j’ai installé Graphify, assemblé un graphe global de 12 projets et utilisé Ollama pour donner une vision aux images.
MARS 2026

Déployer son app sur l'App Store : EAS Build vs Fastlane

Tutoriel · iOS · App Store · Déploiement
Le vibe coding a démocratisé la création d'apps. Mais une fois l'app construite, comment la mettre sur l'App Store ? Deux approches selon que votre app soit React Native ou Swift natif.
MARS 2026

Markdown Slide Deck : écrire en Markdown, présenter partout

Ressource · Markdown · Présentation · Open source
Un outil web open source qui transforme n'importe quel fichier Markdown en présentation interactive. Pas d'installation, pas de compte, pas de PowerPoint. Vous écrivez en Markdown, vous présentez dans le navigateur.
MARS 2026

Les system prompts de 34 outils IA de coding - ce qu'ils révèlent

Ressource · IA · Ressource · Open source
Un repo GitHub a collecté les system prompts de Claude Code, Cursor, Windsurf, Devin, v0, Lovable et 28 autres outils de développement IA. Plus de 30 000 lignes d'instructions qui révèlent comment ces agents pensent, ce qu'on leur interdit, et ce qu'on peut en apprendre.
MARS 2026

superpowers-chrome vs Playwright : quel outil pour piloter un navigateur avec Claude Code ?

Tutoriel · Claude Code · Tests · Automatisation
Claude Code peut contrôler un navigateur web. Mais avec quel outil ? Playwright MCP lance un Chromium isolé. superpowers-chrome pilote votre vrai Chrome, avec vos sessions et vos cookies. Voici quand utiliser lequel.
FÉV 2026

50 tips Claude Code : tout ce qu'un ingénieur a appris en 6 mois

Tutoriel · Claude Code · IA · Productivité
Un développeur qui utilise Claude Code 12 heures par jour depuis 6 mois partage ses 50 meilleurs conseils - des fondations au développement parallèle multi-instances.
FÉV 2026

AITMPL : un marketplace de templates pour Claude Code

Ressource · Claude Code · IA · Ressource
Un catalogue gratuit et open source de skills, agents, commandes, hooks et MCPs prĂŞts Ă  l'emploi pour Claude Code.
FÉV 2026

Celestio Studio : design IA avec export Tailwind, HTML et Figma

Ressource · Design · IA · Projet
Une plateforme qui transforme des prompts en interfaces web production-ready, avec 250+ concepts de design et un mode d'édition visuel pixel-perfect.
FÉV 2026

Claude Code + Figma : 3 MCPs pour piloter Figma depuis le terminal

Tutoriel · Figma · Claude Code · Design
J'utilise trois serveurs MCP différents pour connecter Claude Code à Figma. Chacun à son rôle : création en temps réel, extraction de design tokens, et intégration officielle. Voici comment ils fonctionnent et quand utiliser lequel.
FÉV 2026

Google Skills : le parcours IA générative avancée pour développeurs

Tutoriel · Google · IA · Formation
Google Cloud propose un parcours gratuit de 12 modules pour monter en compétence sur l'IA générative : de l'architecture Transformer jusqu'au déploiement MLOps, en passant par Vertex AI et l'IA responsable.
FÉV 2026

Learning Designer : concevoir des formations structurées

Ressource · IA · Formation · Open source
Un outil web open source crée par François Jourde pour structurer, documenter et analyser des programmes de formation - de l'intention pédagogique au plan opérationnel.
FÉV 2026

MomentumHive : création de contenu IA pour Threads

Ressource · IA · Productivité · Projet
Une plateforme qui utilise l'IA pour écrire, planifier et gérer l'engagement sur Threads - avec des templates optimises pour l'algorithme et un calendrier de publication visuel.
FÉV 2026

Trike CLI : apprendre Claude Code directement dans son projet

Ressource · CLI · JavaScript · Open source
Un plugin "petites roues" pour les développeurs expérimentés qui veulent adopter Claude Code - avec un parcours d'apprentissage personnalise génère directement dans votre codebase.
FÉV 2026

WordPress MCP Adapter : quand WordPress parle aux agents IA

Tutoriel · WordPress · MCP · IA
WordPress 6.9 introduit l'Abilities API et un MCP Adapter officiel. Les agents IA comme Claude Code, Claude Desktop ou VS Code peuvent désormais découvrir et exécuter des fonctionnalités WordPress directement.
FÉV 2026

Les Skills de Claude Code : comment j'ai automatisé ma façon de coder

Tutoriel · Claude Code · IA · Workflow
Quand l'IA code sans méthode, elle fonce tête baissée. Les skills de Claude Code imposent une discipline : brainstorming avant d'implémenter, debugging systématique, TDD. Voici comment je les utilise au quotidien, puis les best practices officielles d'Anthropic pour écrire des skills efficaces.
FÉV 2026

Écrire des skills Claude Code efficaces - cas concret avec Pile ou SaaS

Tutoriel · Claude Code · IA · Workflow
Anthropic a publié ses best practices pour écrire des skills. Je les applique à un vrai projet - un site WordPress SaaS avec Tailwind v4, ACF Pro et GSAP - pour montrer concrètement ce que ça change.
FÉV 2026

insights.md - un journal technique auto-génère par Claude Code

Tutoriel · Claude Code · Documentation · Workflow
À chaque session de travail, Claude Code génère des "insights" - des points d'apprentissage techniques. J'ai configuré mon setup pour qu'il les sauvegarde automatiquement dans un fichier persistant, projet par projet. Voici comment et pourquoi.
FÉV 2026

Claude Code : le cours complet pour débutants

Tutoriel · Claude Code · Tutoriel · IA
Tout ce qu'il faut savoir sur Claude Code en un seul guide : de l'installation à la création de skills automatisés, en passant par la gestion du contexte, le plan mode et les MCP. Synthèse et notes du cours de Nick Saraev.
FÉV 2026

FamilySound - piloter 20 tâches avec Claude Code, quelle stratégie d'exécution ?

Réflexion · IA · Audio · Projet
Quand un plan d'implémentation fait 20 tâches en 5 phases, comment l'exécuter avec l'IA sans perdre le contrôle ? Deux approches, un choix.
FÉV 2026

Comment fonctionne le système de messagerie de ThisIsHumanMade

Architecture · Swift · Firebase · Projet
Firebase Realtime DB, app native macOS et iOS en SwiftUI, push notifications via FCM et Cloud Functions. Autopsie technique d'un chat "humain-first" construit sans backend custom.
FÉV 2026

Sunny Terraces - trouver les terrasses ensoleillées de Bruxelles

Projet · PHP · Projet · Open source
Une app web qui calcule en temps réel quelles terrasses de cafés, bars et restaurants reçoivent du soleil à Bruxelles. Projet en cours.
FÉV 2026

BMAD Method : Le framework agile complet pour Claude Code

Tutoriel · IA · Workflow · Méthode
BMAD (Break down Method for AI Development) est un framework qui structure votre développement avec 6 agents spécialises : Analyst, PM, Architect, Scrum Master, Developer et QA.
FÉV 2026

Créer des vidéos animées avec Claude Code et Remotion

Tutoriel · Claude Code · Vidéo · IA
Générez des vidéos d'animation professionnelles grâce à l'IA - montage vidéo, animations produits, vidéos explicatives - sans savoir coder ni monter.
FÉV 2026

Claude SEO : 12 outils SEO réunis dans un seul skill

Tutoriel · Claude Code · SEO · IA
Transformez Claude Code en expert SEO avec ce skill qui combine audit technique, analyse de schéma, optimisation pour les moteurs de recherche IA (GÉO) et bien plus.
FÉV 2026

Get Shit Done (GSD) : Structurez vos projets Claude Code en phases

Tutoriel · IA · Méthode · Productivité
Get Shit Done est un outil de context engineering qui découpe automatiquement votre projet en phases, géré le contexte entre les sessions, et vous guide étape par étape jusqu'au déploiement.
DÉC 2025

MyRugby.be - un livescore rugby multi-clubs en PHP, Tailwind et Firebase

Projet · PHP · Application web · Projet
Scores en direct, push notifications sur chaque essai, interface coach sur mobile, PWA installable. Un projet construit en décembre 2025 pour les clubs de rugby belges - sans framework JS, sans WebSocket, sans SaaS.
NOV 2025

Hovr - des mots en suspension

Projet · iOS · Swift · Projet
Déposer un message géolocalisé. Le découvrir en marchant. Supabase, PostGIS, SwiftUI, Mapbox - anatomie d'une app qui ancre des mots dans l'espace.
NOV 2025

Du Figma au WordPress : 100% automatisé avec l'IA

Workflow & Automation
Comment j'ai transformé une maquette Figma en site WordPress complet avec Claude AI. Zéro ligne de code manuel, workflow documenté étape par étape.
SEPT 2024

Bike Tracker : Ne plus oublier ses remboursements vélo

Tools & Productivity
Une mini-app ultra simple pour tracker mes trajets vélo et obtenir mes remboursements. Un bouton, une pression, c'est fait. Mes collègues l'adorent.
DÉC 2023

Elementor - Afficher une custom loop par taxonomie

Tutoriel · Elementor · PHP · WordPress
Afficher différentes boucles Elementor selon la catégorie du post. Solution PHP simple sans surcharge de performance.
Du lab Ă  votre projet

Une idée de projet ?

Discutons ensemble de vos besoins et de comment je peux vous aider.