Dossier · Collaboration · 2026

Le Coffre aux Souvenirs

J’ai réalisé le site et le back-office d’une brocante salon de thé. Un connecteur permet à la gérante de mettre son site à jour en parlant à son assistant IA.

Design, développement et architecture IA
En ligne depuis juin 2026, connecteur IA depuis octobre 2026

13outils pour son assistant IA

10écrans de back-office

244tests : 210 unitaires, 34 de bout en bout

10pages de guide de prise en main

Le problème, les choix, les refus

Le Coffre aux Souvenirs

Je voulais que la gérante puisse mettre son site à jour sans moi. S’il faut m’appeler pour changer le menu ou annoncer un évènement, le site prend du retard.

Avant : un site WordPress réalisé avec IN’pact Agency. Après : un site développé pour elle, qu’elle met à jour dans son back-office et, depuis octobre 2026, en parlant à son assistant IA.

Choix : Le connecteur utilise ses identifiants du back-office, donc son assistant n’a pas plus de droits qu’elle.

Ce que j'ai refusé

Imposer à la gérante un nouvel outil à apprendre.
Donner à l’agent plus de droits qu’elle.
Publier un contenu sans sa demande.

13 ✓preuve : serveur MCP du projet, octobre 2026

10 ✓preuve : dépôt du projet, octobre 2026

244 ✓preuve : dépôt du projet, octobre 2026

10 ✓preuve : guide remis à la gérante

Les choix visuels · titre mesuré à l'ouverture

Le Coffre aux Souvenirs

J’ai mis le ton de marque dans les consignes de l’agent, pour qu’il écrive comme la gérante parlerait à ses clients.

« Ton du site : tutoiement, chaleureux, un peu espiègle ; emojis rares. Écris comme la gérante parlerait à ses clients. »

Les dix écrans du back-office suivent le même modèle, du menu du salon de thé jusqu’au contact.

16:10 · mesuré à l'ouverture

13chiffres tabulaires

10alignés sur la ligne de base

244corps mesuré à l'ouverture

10une couleur par métier, avec son nom

// apps/mcp/src/mcp/serveur.tsextrait du projet

Le Coffre aux Souvenirs

// architecture
→ Site public : Next.js
→ Back-office : React (Vite)
→ API Hono, données PocketBase
→ Connecteur MCP : 13 outils

Next.js · React · Vite · PocketBase · Hono · MCP · Playwright

// SANS ÉTAT : l'autorisation est rejugée à chaque POST
// (un jeton révoqué mord tout de suite).
const serveur = new McpServer(IDENTITE_SERVEUR, {
  capabilities: { tools: {} },
  instructions: INSTRUCTIONS_SERVEUR,
});

// Comme le serveur revérifie l’autorisation à chaque requête, un accès retiré est coupé tout de suite.

{ outils: 13, ecrans: 10, tests: 244, pages: 10 }

Le mode d’emploi que lit l’agent

Le Coffre aux Souvenirs

Décrire les contenus avant toute première écriture.
Vérifier l’existant avant de créer, pour éviter les doublons.
Créer les évènements et les articles en brouillon, et ne les publier que si elle le demande.
Avant une suppression, qui est définitive, montrer l’élément et attendre un « oui » explicite.

Depuis octobre 2026, la gérante met son site à jour en parlant à son assistant IA.

describe_contentslist_contentsget_contentcreate_contentupdate_contentreorder_contentprepare_photo_uploadremove_photolist_page_contentsupdate_page_contentdelete_contentlist_contact_requestsset_contact_request_status

CreativeWork@type

contributorlien vers #thomas

2026dateCreated

10mots-clés (keywords)

Ce qu’on peut en apprendre

Le Coffre aux Souvenirs

J’ai écrit les consignes de l’agent avec les mots de la gérante. Il peut aussi lui répondre « c’est Thomas qui s’en occupe ».

Trois étapes, puis un exercice.

1La gérante formule sa demande avec ses mots2L’agent vérifie ce qui existe déjà3Le site est à jour en quelques secondes

À vousNotez la tâche que vous répétez toutes les semaines sur votre site. C’est le premier outil à donner à votre assistant IA.

Regard affiché : Code. Dans le cadre : Résultat.Promenez le cadre, choisissez un regard (1 à 6), déployez-le (Entrée). Maintenez ⇧ pour le prisme.Balayez la bande pour changer de métier, appuyez longuement pour le prisme.

Le contexte

J’avais réalisé une première version du site sous WordPress, avec IN’pact Agency. En juin 2026, je l’ai remplacée par un site développé pour la boutique, que la gérante met à jour elle-même.

Ce qui a été livré

Le site, avec le menu du salon de thé, les évènements, le blog, les objets à la vente, la presse et le contact.
Un back-office de dix écrans, des statistiques de visite maison et des sauvegardes.
Un connecteur MCP de 13 outils, grâce auquel la gérante gère ses contenus en parlant à son assistant IA, avec ses identifiants du back-office, et envoie ses photos depuis son téléphone.
210 tests unitaires, 34 tests de bout en bout et un guide de prise en main de dix pages.

Un cadeau d’anniversaire

Le connecteur était un cadeau pour l’anniversaire de la gérante. Il s’ouvre sur une invitation animée, où l’on souffle dans le micro pour lancer une boîte à musique.

Les chiffres, et leurs sources

13: outils pour son assistant IAserveur MCP du projet, octobre 2026
10: écrans de back-officedépôt du projet, octobre 2026
244: tests : 210 unitaires, 34 de bout en boutdépôt du projet, octobre 2026
10: pages de guide de prise en mainguide remis à la gérante

Projet suivant · 2026Partner ProSaaS de business plan financier