Les connecteurs MCP : relier ton site WP à Claude (et toutes les IA)

,

Les connecteurs MCP : relier ton site WP à Claude (et toutes les IA)

Tour d’horizon de la plomberie qui rend l’IA agentique sur WordPress.

Publié le 12 mai 2026 · par Stéphane Léone · 5 min de lecture

Pour que Claude (ou ChatGPT, ou Gemini) puisse modifier ton site WordPress, il faut un connecteur. Plus précisément un serveur MCP (Model Context Protocol). C’est le standard ouvert qui permet à n’importe quelle IA de « parler » à une application tierce.

Voici le tour d’horizon des connecteurs qu’on a déployés chez Stephenson, et ce que chacun permet.

1. Royal MCP — pour WordPress

C’est le connecteur que nous utilisons sur la quasi-totalité de nos sites clients. Installé comme un plugin WordPress classique, il expose plus de 67 outils :

  • Lecture / écriture des pages, articles, médias
  • Gestion des menus (top-level, sous-menus, icônes)
  • Mise à jour des metas (Yoast, Rank Math, ACF…)
  • Modification du CSS du thème
  • Upload d’images en multipart
  • Gestion des produits WooCommerce et de leurs variations
  • Modération des commentaires
  • Lecture des options et theme mods

L’avantage de Royal MCP : une API key suffit, pas besoin de jongler avec des Application Passwords ou des Cookie Nonces.

Détail technique : le header d’authentification est X-Royal-MCP-API-Key (pas le classique Authorization: Bearer). On a perdu une heure dessus la première fois. Maintenant c’est dans notre skill.

2. Claude in Chrome — pour le navigateur

Une extension Chrome qui transforme le navigateur en télécommande pour l’IA. Utilisations courantes :

  • Remplir un formulaire client sur un portail externe (GetYourGuide, Booking, Viator…)
  • Récupérer des données sur un site qui n’a pas d’API
  • Tester un parcours utilisateur de bout en bout

3. Les MCP pour les apps SaaS

Anthropic publie une « registry » officielle de MCPs pour les apps les plus courantes :

  • Slack — envoyer des messages, lire des channels
  • Gmail — composer, classer, archiver les emails
  • Google Calendar — créer / modifier des événements
  • Asana, Linear, Notion, ClickUp, Atlassian, Monday — gestion de projet
  • Figma — lire les designs et exporter

4. Les MCP customs

Tu peux développer ton propre serveur MCP en Python (avec FastMCP) ou Node.js (avec @modelcontextprotocol/sdk) pour exposer n’importe quelle API ou base de données interne. Chez nous, on a fait un MCP custom pour notre outil de gestion clients (en cours d’industrialisation).

Pourquoi MCP plutôt qu’une API directe ?

Une API REST classique nécessite que l’IA connaisse à l’avance ta documentation, ton schéma, tes endpoints. Avec MCP, l’IA découvre les outils disponibles à l’exécution via tools/list. Elle peut donc s’adapter à n’importe quel serveur MCP sans préparation.

C’est aussi le standard qui se propage. Une fois ton MCP en place, il fonctionne avec Claude Code, Claude Desktop, ChatGPT (via le mode connecteur), Cursor, etc.

Conclusion

Les connecteurs MCP, c’est la plomberie de la nouvelle ère agentique. Sans eux, l’IA reste dans son bac à sable. Avec eux, elle pilote ton stack.

Si tu veux qu’on installe un MCP sur ton site ou qu’on en développe un pour ton outil interne, contacte-nous.

Un projet de site web ?

L’agence Stephenson conçoit des sites WordPress sur-mesure depuis 2013.

Demander un devis

MCP Royal MCP Connecteurs API WordPress
/0 Commentaires/par

Les Claude Skills : comment on industrialise notre prod web

,

Les Claude Skills : comment on industrialise notre prod web

Retour d’expérience sur les Skills d’Anthropic — la mémoire d’équipe qui change la donne.

Publié le 12 mai 2026 · par Stéphane Léone · 5 min de lecture

Depuis quelques mois, nous utilisons Claude Skills pour industrialiser une partie de notre production web. Si tu n’as jamais entendu parler de cette fonctionnalité d’Anthropic, voici un retour d’expérience concret.

C’est quoi un Skill ?

Un Skill est un dossier qui contient un fichier SKILL.md avec des instructions précises sur comment réaliser une tâche, plus éventuellement des scripts, références et templates. Quand Claude détecte que ta demande correspond à la description d’un Skill, il charge automatiquement les instructions et travaille selon ce protocole.

Concrètement : tu écris une fois « voici comment fabriquer une page WordPress pour un client Riviera, voici le ton, voici la palette, voici les pièges à éviter » — et tous les futurs prompts utilisent ces instructions sans avoir à les répéter.

Nos Skills internes

Voici quelques-uns des skills qu’on a écrits chez Stephenson :

1. wordpress-avia-autonomy

Notre skill de référence pour piloter n’importe quel site Enfold + Royal MCP. Il contient :

  • L’API key et le header d’auth (non standard !)
  • Les 10 pièges techniques qu’on a payés en heures de debug
  • Les patterns Avia réutilisables (hero, grid, cards)
  • Le workflow Playwright pour capturer des screenshots de sites clients

2. getyourguide-product-creator

Pour automatiser la création de produits sur le portail supplier GetYourGuide. Le wizard fait 9 étapes (Catégorie → Infos → Lieux → Mots-clés → Inclus → Photos → Options → Itinéraire → Vérification). Le skill mémorise toutes les règles spécifiques et les pièges connus.

3. wordpress-avia-bloc-html

Pour écrire des blocs HTML autonomes destinés à être collés dans d’Avia Builder. Couvre les pièges Enfold (overrides CSS, contraintes de largeur, artefacts copier-coller).

Le vrai avantage : la mémoire d’équipe

Un skill, c’est de la connaissance qui ne s’évapore pas. Quand un nouveau projet démarre, l’IA a déjà toutes les leçons des 200 projets précédents en tête. Pas besoin de re-expliquer « n’oublie pas d’activer le SSL », « le client préfère le tutoiement », « la palette est bleu/orange ».

Pour aller plus loin : tu peux créer tes propres skills via le skill skill-creator d’Anthropic. C’est gratuit, ça se package en .skill (un simple zip), et ça se partage avec ton équipe.

Limites & contre-indications

Un skill n’est pas une baguette magique :

  • Il faut que la description soit très pushy pour que Claude le déclenche au bon moment
  • Les instructions doivent rester sous 500 lignes — au-delà, organiser en références séparées
  • Pour les tâches très créatives (rédaction, design), le skill peut brider la spontanéité

Mon conseil

Commence par capturer une seule tâche que tu fais souvent et que tu re-expliques à chaque fois. Pour nous c’était « produire une page WordPress sur-mesure pour un nouveau client ». Une fois ce skill écrit et utilisé, tu identifies vite les suivants.

Un projet de site web ?

L’agence Stephenson conçoit des sites WordPress sur-mesure depuis 2013.

Demander un devis

Claude Skills IA Automatisation Productivité
/0 Commentaires/par

Pourquoi Enfold reste le meilleur thème WordPress en 2026

Pourquoi Enfold reste le meilleur thème WordPress en 2026

Après 200+ sites livrés, voici pourquoi on revient toujours à Enfold (Kriesi).

Publié le 12 mai 2026 · par Stéphane Léone · 5 min de lecture

Quand on conçoit plus de 200 sites WordPress en douze ans, on finit par tester pas mal de thèmes : Divi, Avada, Astra, GeneratePress, Hello Theme + Elementor… Sans hésiter, le thème qui revient le plus souvent dans nos livraisons, c’est Enfold (de Kriesi). Et ce n’est pas un hasard.

Un constructeur visuel — sans la lourdeur

Enfold embarque son propre constructeur, Avia Builder. Contrairement à Elementor ou Divi qui multiplient les div, génèrent du CSS à la volée et ralentissent le site, Avia produit un HTML propre via des shortcodes natifs. Résultat : une page Enfold se charge en moins de 2 secondes là où la même page sous Elementor met 4-5 secondes.

La compatibilité long terme

Enfold est maintenu depuis 2013. Son éditeur Kriesi publie des mises à jour régulières qui n’ont jamais cassé un site client en douze ans d’utilisation. Là où certains thèmes « modernes » forcent une refonte tous les 2 ans, Enfold tient la route.

Anecdote vécue : nous avons un client suisse (Délice Nature 🇨🇭) dont le site tourne sous Enfold depuis 2021 sans aucune intervention de notre part autre que les mises à jour mineures. Zéro bug, zéro régression, zéro maintenance hors-forfait.

L’écosystème : tout ce qu’il faut, rien de plus

  • WPML & Polylang compatibles nativement pour le multilingue
  • WooCommerce intégré avec des templates produits propres
  • Header Builder visuel pour customiser le menu sans toucher au code
  • Footer Builder avec colonnes responsives
  • Hooks PHP partout pour les développeurs qui veulent étendre

Le « bloc code » : la fonctionnalité killer

Enfold propose un qui te permet d’injecter du HTML / CSS / JavaScript pur dans n’importe quelle page. C’est la porte d’entrée pour les designs sur-mesure que l’éditeur visuel ne sait pas exprimer : animations Three.js, mini-applications React, dashboards interactifs… On t’expliquera ça dans un prochain article.

Les limites — soyons honnêtes

Enfold n’est pas parfait :

  • L’éditeur visuel reste moins fluide que Gutenberg sur certaines manipulations
  • Les templates par défaut commencent à dater visuellement (mais bon, c’est ça qu’un designer arrive)
  • Le thème stocke le contenu dans deux endroits (post_content + meta Avia), ce qui peut surprendre quand on édite via API

Verdict

Pour une agence qui veut livrer rapidement des sites professionnels et stables, Enfold reste le meilleur choix en 2026. Il n’est pas le plus « tendance » mais il est le plus fiable. Et chez nous, la fiabilité passe avant la mode.

Un projet de site web ?

L’agence Stephenson conçoit des sites WordPress sur-mesure depuis 2013.

Demander un devis

Enfold WordPress Avia Thème Performance
/0 Commentaires/par