Travailler avec l’assistant IA

L’assistant IA est installé et relié à la boutique — il est donc temps de se mettre au travail. Dans cette section : comment commencer la conversation, comment formuler les tâches, ce qu’on peut attendre de lui et ce qu’il ne faut pas attendre, ce qu’il sait faire seul et comment ouvrir une partie de ses capacités à vos collaborateurs. 

Premier contact

Donc, la boutique est installée, l’assistant IA est configuré. Par où commencer ? Écrivez le premier message le plus simplement possible — pour vérifier la connexion et voir les erreurs, s’il y en a. Par exemple :

test de connexion

L’assistant IA ne se contentera pas de répondre « tout va bien » sur parole : il sollicitera chaque outil à tour de rôle et vous dira précisément ce qui a répondu. À peu près comme ceci :

La connexion est établie. Dossier de travail D:\Melbis\MyFirstShop (pas un dépôt git), Windows 10, PowerShell et Bash sont tous deux disponibles.

Je vais vérifier que les outils répondent réellement, et qu’ils ne sont pas simplement déclarés.

Bash fonctionne. C’est le dossier local de la boutique Melbis Shop. Je vais en profiter pour vérifier aussi le serveur MCP melbis — ici, la connexion passe justement par lui.

Test de connexion — tout est en ordre.

Session Melbis MCP :

  • Boutique : MyFirstShop
  • Dossier : D:\Melbis\MyFirstShop
  • Identifiant : admin (sur https://melbis.net)

Le serveur est lié à cette boutique par sa propre configuration — aucune autre ne pourra être ouverte dans cette session. Le programme Melbis Shop fonctionne sur cette même boutique, build 6.5.1.526. 27 outils IA sont fournis : catalogue, produits, commandes, prix, utilisateurs, paramètres, importation et fichiers.

Côté local : Bash et PowerShell répondent tous deux, dossier de travail D:\Melbis\MyFirstShop, Windows 10.

Il y a deux points à préciser avant de commencer le travail :

  1. Ma mémoire de cette boutique est vide — c’est la première session, aucune de mes sessions n’a encore été enregistrée ici. Avant toute première action, je dois lire la documentation de la plateforme et examiner la boutique. Cela prendra du temps et, vu de l’extérieur, paraîtra silencieux — je vous préviendrai quand je commencerai, pour ne pas disparaître sans rien dire.
  2. Avec qui suis-je en train de travailler ? La boutique demande que cela soit consigné : êtes-vous le propriétaire, le développeur ou un collaborateur avec un accès étendu ? J’écris sous l’identifiant admin, et tout ce que je modifie est signé par la boutique sous ce nom — mieux vaut le définir avant que je touche à quoi que ce soit.

Sous quelle identité vous vous présenterez

Comme vous le voyez, l’assistant IA vous demandera lui-même de préciser votre rôle dans la boutique — afin de choisir un style de communication approprié. Mais le rôle que vous lui indiquez ne lui donne pas les droits de cette personne : il agit strictement sous l’identifiant utilisateur défini dans Melbis Shop.

Ce que cet utilisateur est précisément autorisé à faire via l’assistant IA est visible dans la section "System" > "Users", onglet "Operations and Access Rights", branche "AI Assistant". À gauche — l’arborescence des opérations, à droite — les groupes et utilisateurs individuels qui y ont accès.

Il n’y a pas tant d’opérations que cela ici, et ce n’est pas un hasard. La plupart relèvent de l’« accès direct » : Memory — les notes de l’assistant IA, Tools — ses outils, Direct access — les fichiers de la vitrine et le travail direct avec la base de données. Il est évident qu’un tel accès ne sera accordé qu’au propriétaire de la boutique ou à un développeur de confiance. Nous expliquerons plus bas comment les collaborateurs ordinaires peuvent travailler avec l’assistant IA sans ces super-droits.

Pourquoi la boutique d’origine est si simple

Supposons que vous vous soyez présenté comme le propriétaire d’une boutique que vous venez d’installer et que vous avez peut-être déjà un peu remplie avec des données de base. C’est le bon moment pour répondre à une question qui vous est sans doute venue dès le premier lancement : pourquoi la boutique d’origine est-elle si simple. Maintenant, on peut y répondre clairement.

Notre expérience dans le développement de logiciels de création de boutiques approche les 25 ans. Comme beaucoup, nous avons commencé par fournir une vitrine standard comme exemple — de nombreux développeurs de plateformes le font encore aujourd’hui. Mais Melbis Shop 6 a dépassé ce stade : en six générations, ses possibilités ont énormément grandi.

Vous comprenez, en essayant d’assembler une boutique type à titre d’exemple, nous vous rendrions un mauvais service. Avec l’exemple, vous recevriez aussi les limitations intégrées dès le départ, et vous ne vous en rendriez compte qu’après des années d’activité — lorsqu’il apparaîtrait que, pour votre modèle économique précisément, la boutique aurait dû être conçue autrement, et qu’il serait déjà très coûteux de la refaire. Au fond, si vous avez besoin d’un projet type, vous n’avez pas besoin de votre propre boutique : une place de marché suffit, où des fonctionnalités uniformisées sont fournies d’emblée.

C’est pourquoi, jusqu’à récemment, les clients de Melbis Shop 6 étaient surtout des boutiques sectorielles assez importantes, qui engageaient des développeurs pour leur projet unique. Le seuil d’entrée était élevé, et nous avons vendu sensiblement moins de licences que pour Melbis Shop 5, qui était livré avec des fonctionnalités et un design standard dès le départ.

Et maintenant, grâce à l’apparition des assistants IA, vous avez la possibilité d’obtenir un produit professionnel sérieux, sans investir dans un développement coûteux et sans vous heurter aux possibilités standard des plateformes populaires de commerce électronique.

Sans que vous le voyiez, Melbis Shop 6 contient un noyau riche d’une immense expérience, de documentation et de pratique sur des déploiements réels. C’est précisément pourquoi nous ne vous proposons toujours pas d’exemple type de boutique — nous le considérons comme une offense à votre intuition entrepreneuriale, comme des chaînes qui freinent l’élan créatif et vous conduisent sur un chemin déjà tracé. À la place, nous vous ouvrons la porte à un travail en collaboration avec un assistant IA, qui vous permettra de vous consacrer aux idées plutôt qu’à la routine.

Par où commencer votre activité

Notre conseil : le mieux est de commencer par la description de votre modèle économique. Et l’assistant IA n’a pas besoin d’un business plan correctement mis en forme et pensé dans les moindres détails. Écrivez simplement, tel quel — comme vous le raconteriez à un ami : quel projet vous voulez réaliser et ce qu’il faudra pour cela. Les idées viendront au fur et à mesure du développement du projet, c’est tout à fait normal. Et certains points, l’assistant IA les précisera et les suggérera de lui-même.

Voici un exemple d’un premier message de ce type — un récit ordinaire sur votre activité, sans termes techniques et sans structure :

Je veux créer ma propre boutique en ligne, aide-moi. Région d’activité : territoire de l’Ukraine, thématique : produits pour les loisirs créatifs à la maison — tricot, couture, broderie, livres de coloriage et autres choses du même genre. Il y aura plusieurs fournisseurs, et nous travaillons à trois : moi, une amie et ma fille. Je m’occupe des questions d’organisation, ainsi que des fournisseurs, des prix et des ventes ; mon amie aide à préparer les descriptions des produits, mais n’a pas accès aux données commerciales ; ma fille s’occupe des achats et des expéditions des commandes. Aide-moi à faire les premiers pas : crée les utilisateurs, mets en place les réglages de base nécessaires de la boutique — champs d’inscription du client, options de commande, etc. Propose une manière d’organiser un processus métier simple. Crée dans la boutique plusieurs sections de démonstration avec une dizaine de produits (avec des images gratuites). Ne me pose pas de questions compliquées, fais tout pour l’instant à ta discrétion — j’affinerai et corrigerai la boutique au fur et à mesure de sa croissance et de son remplissage.

La première chose que fera l’assistant IA sera de décomposer cela en points compréhensibles et de montrer un plan avant de modifier quoi que ce soit :

Voici mon plan, que je vais maintenant exécuter :

# Quoi Avec quoi
1 Devises : hryvnia (principale), dollar, euro outil « Devises »
2 3 fournisseurs, 4 marques outils « Fournisseurs » et « Marques »
3 Catalogue : 4 sections, 12 sous-sections outil « Catalogue »
4 Caractéristiques des produits (matière, couleur, taille…) outil « Caractéristiques »
5 Champs d’inscription du client, options de commande (livraison, paiement, statut), groupes de clients directement par requêtes — il n’existe pas d’outil prêt à l’emploi pour cela
6 12 produits de démonstration avec des images gratuites chargeurs de produits et de fichiers
7 2 groupes et 2 identifiants avec des droits précis outil « Utilisateurs » — après que vous aurez fermé la fenêtre

Faites attention au septième point : l’assistant IA a remarqué que la table des utilisateurs était occupée par une fenêtre de programme ouverte, et a lui-même reporté cette partie à plus tard. Ensuite, il suit le plan et explique au fur et à mesure ce qu’il fait et pourquoi. D’abord, il lit la documentation de la plateforme et examine la boutique :


Je m’en occupe. Avant de toucher à quoi que ce soit, j’ai besoin de lire la documentation de la plateforme et d’examiner la boutique — je n’en ai aucune mémoire, c’est la première session. Cette étape est discrète et prend un peu de temps, donc je vous informerai au fur et à mesure pour que cela ne ressemble pas à un blocage.

Index de la documentation MCP lu

L’index est lu. Je passe maintenant aux pages principales — session, mémoire, outils et recettes de tâches typiques.

4 commandes exécutées

La documentation sur la session, la mémoire et les outils est assimilée. Je passe maintenant à la page des recettes et à un regard sur ce qui existe déjà dans la boutique.

Document de recettes lu

J’ai terminé avec la documentation. Je vais maintenant regarder l’état actuel de la boutique — utilisateurs, catalogue, devises, paramètres de base.

2 commandes exécutées, 3 outils sollicités (dont 2 avec erreur)

La boutique est presque vide — un seul utilisateur (admin), un seul groupe (Administrateurs). Je vais étudier la structure des tables dans lesquelles je vais écrire.

Commande exécutée, outil sollicité

La boutique est complètement vide — seulement la section racine : ni produits, ni devises, ni groupes de clients, ni champs d’inscription, ni options de commande. Je vais lire les valeurs du registre des paramètres auxquelles je me référerai ensuite.

melbis: engine db select

Maintenant l’arborescence des droits — pour les deux nouveaux identifiants — et les paramètres linguistiques de la vitrine.

Ensuite vient le travail lui-même. Ici, on voit bien comment l’assistant IA ne se contente pas d’exécuter, mais cherche aussi le chemin le plus court : au lieu de 79 appels séparés pour attribuer les droits, il vérifie comment sont structurés les identifiants et fait tout en une seule requête.

J’ai terminé avec le catalogue. Je vais vérifier si les tables utilisateurs sont maintenant libres.

melbis: engine db locks

Tout est libre. Je crée deux groupes et deux identifiants.

4 outils sollicités

Les deux identifiants sont créés. Maintenant leurs droits — et voici le point délicat qu’il vaut mieux dire clairement : CmdRightAdd n’attribue qu’une opération par appel, alors que ces deux rôles ont besoin d’environ 75 opérations à eux deux. Je vais vérifier si la table des droits génère elle-même les identifiants : dans ce cas, je ferai tout en un seul lot au lieu de 75 appels.

melbis: engine db select

L’identifiant provient du générateur Melbis, et non d’AUTO_INCREMENT — donc un seul lot avec des étapes generate suffira en un seul appel. Je vais d’abord voir quelles lignes de droits existent déjà.

2 commandes exécutées, outil sollicité

Les 79 identifiants d’opérations ont été vérifiés. Je les enregistre en un seul lot : verrouillage, 79 identifiants générés, une seule insertion multiligne.

melbis: engine db execute

79 lignes de droits insérées en un seul lot. Maintenant les droits sur les sections : dans Melbis, l’accès au catalogue est attribué par sections — en plus des droits sur les opérations.

2 outils sollicités

Maintenant les caractéristiques des produits. Je vais regarder ce que l’outil « Caractéristiques » accepte.

Nuances de l’assistant IA

Peut-il se tromper ? Oui, il peut. Il arrive qu’il ne vous comprenne pas tout de suite ou qu’il ne lise pas complètement la documentation de Melbis Shop 6 — et il faut dire qu’elle est assez imposante. Il faut donc absolument laisser à l’assistant IA le temps d’apprendre et de se faire la main. C’est une étape inévitable, mais soyez rassuré : il la traverse beaucoup plus vite qu’un humain, puis il effectue les opérations routinières de façon plus précise et plus efficace, en vous laissant le travail créatif.

Autre point auquel prêter attention. Dans l’angle inférieur droit, il y a un petit cercle — cliquez dessus et une fenêtre avec les statistiques en cours s’ouvrira.

Premièrement — la fenêtre contextuelle : combien l’assistant IA est capable de garder en mémoire à la fois. Elle se compressera automatiquement (ou manuellement, avec la commande /compact), et il en oubliera alors une partie des détails. Mais ce n’est pas une amnésie totale : il dispose en interne de mécanismes d’enregistrement des données intermédiaires, et Melbis Shop 6 lui permet en plus de conserver ses notes directement dans la base de la boutique. Ainsi, même si vous changez d’ordinateur, l’essentiel ne sera pas perdu.

Deuxièmement — les limites de votre forfait : combien a été consommé sur cinq heures et sur une semaine. Leur consommation est visible ici aussi, donc vous savez toujours ce qu’il vous reste.

Plus le modèle est puissant et plus le niveau d’effort est élevé, plus les limites s’épuisent vite. Ne vous précipitez pas pour toujours tout pousser au maximum — ce n’est loin d’être justifié dans tous les cas. Remplir la boutique avec des produits est une tâche assez triviale, alors que la conception de la structure ou des processus métier est précisément l’endroit où il vaut mieux tout prévoir d’emblée ; c’est là qu’il vaut mieux pousser les réglages au maximum. N’ayez pas peur d’expérimenter, le sens de la mesure vient avec l’expérience.

Premier résultat

Ainsi, l’assistant IA a terminé son premier travail. Tout à la fin, il vérifie ce qui a été fait avec les yeux d’un acheteur, enregistre ses conclusions dans la mémoire de la boutique — pour que la session suivante ne recommence pas de zéro — puis se met au processus métier :

Les 12 icônes sont prêtes. Je vais vérifier que la vitrine n’affiche plus de placeholders.

Il ne reste plus de placeholders (sur la page d’accueil, on en voit 8 sur 12 — c’est la taille du bloc dans le template). Vérification finale de l’ensemble :

Tout est vérifié. Je vais enregistrer ce que j’ai appris dans la mémoire de la boutique, afin que la session suivante ne recommence pas à zéro.

Maintenant le processus métier. Mon amie et ma fille devront toutes deux le suivre, donc je vais le rassembler sur une page séparée au lieu de le laisser dans la conversation.

24 min 45 s · 21,2 mille tokens

Non seulement l’assistant IA a rempli la boutique, mais il a aussi préparé un élément essentiel de toute activité : une feuille de route des processus métier, qu’il a enregistrée dans la section Artifacts. C’est une page séparée dont on peut donner le lien aux collaborateurs. Elle indique qui fait quoi et dans quelle fenêtre du programme :

Handicraft Shop Operations — « Comment fonctionne la boutique de loisirs créatifs ». Qui fait quoi, dans quelle fenêtre du programme et à quel moment transmet le travail à la suite — c’est rédigé pour trois personnes.

Who does what — « Qui fait quoi ». Les droits sont attribués à des groupes, pas à des personnes. Pour ajouter une quatrième personne, créez-lui un identifiant et placez-la dans le groupe approprié — les droits viendront avec celui-ci.

Owner (admin) — « Propriétaire » : fournisseurs, prix, ventes et tous les paramètres de la boutique. Friend — product descriptions (content) — « Amie — descriptions de produits » : textes, caractéristiques, photos ; ne voit pas les données commerciales. Daughter — orders & shipping (orders) — « Fille — commandes & expédition » : suit la commande du premier contact jusqu’à la remise et surveille les stocks.

Et voici, étape par étape, comment un produit passe d’une liste de prix fournisseur à une fiche sur la vitrine, avec l’indication de la personne responsable à chaque étape :

How a product reaches the shop window — « Comment un produit arrive en vitrine ». Cinq étapes entre la liste de prix fournisseur et une fiche produit active. L’ordre est important : tant que la description n’est pas prête, le produit n’est pas montré aux acheteurs.

01. The product is entered — « Le produit est créé ». Propriétaire · Produits › Listes de prix ou Produits › Prix. Charger la liste de prix du fournisseur ou ajouter le produit manuellement, en indiquant immédiatement le fournisseur, le prix d’achat et de vente, la quantité et la section du catalogue. État — « Rédiger la description », le produit reste caché.

02. The description is written — « La description est rédigée ». Amie · Produits › Descriptions. Filtre sur l’état « Rédiger la description » — c’est précisément la file de travail : nom, texte court, description complète, caractéristiques, photo. La fiche est prête — état « Prêt ». S’il manque quelque chose — ne pas inventer, mais laisser la tâche au propriétaire (étape 5).

03. It goes live — « Le produit passe en ligne ». Propriétaire · Produits › Prix. Une fois par jour, vérifier les produits à l’état « Prêt » : contrôler le prix et la marge, puis activer la visibilité. À partir de ce moment, le produit apparaît en vitrine.

Visuel, pratique et rapide.

Vous pouvez maintenant ouvrir le site et voir le résultat. Le catalogue avec ses sections thématiques et ses fiches produits :

La page produit — avec prix, disponibilité, description et caractéristiques :

Et un formulaire de commande simple avec les champs d’inscription du client que l’assistant IA a créés d’après votre description :

C’est la première itération fonctionnelle de la boutique. Ensuite, tout est simple : étape par étape, on précise, on décrit les tâches et on avance vers l’idéal tant recherché.

Étape par étape

Par exemple, les images du catalogue ont mauvaise allure — elles n’ont pas la même forme, et la grille paraît irrégulière :

La tâche peut être formulée exactement avec les mots que vous utilisez pour la voir — il n’est pas nécessaire de connaître les profils d’image :

Les images du catalogue rendent mal, elles sont de tailles différentes. Que peut-on imaginer pour qu’elles soient toujours générées selon un profil unique ?

Bien vu — c’est mon travail. Dans le profil, smart: true est activé, c’est-à-dire « faire entrer dans le cadre, en conservant les proportions », et non le remplir. C’est pourquoi chaque icône a pris la forme de la photo d’origine : laine 400×225, ciseaux 303×400, coloriage 400×400. Dans la grille, c’est ce qui donne cette impression irrégulière.

Je vais vérifier ce que donne le réglage opposé avant de l’appliquer aux douze images.

Exactement 400×400. Je vais maintenant regarder le résultat visuellement : « remplir » peut vouloir dire marges sur les côtés, étirement ou recadrage — et ce sont des choses très différentes.

smart: false place l’image sur une toile blanche 400×400 — rien n’est recadré, rien n’est étiré. C’est exactement ce qu’il faut à la grille. Je reconstruis les onze autres.

Les douze sont maintenant en 400×400. Je supprime les anciennes icônes irrégulières, afin que chaque produit n’en conserve qu’une seule.

La vitrine sert maintenant les nouvelles icônes carrées. Je vais les télécharger et regarder la grille telle qu’un acheteur la verra.

Voilà, c’est prêt — la grille est alignée :

Mais l’assistant IA ne s’est pas arrêté là. Il a lui-même vu que les marges blanches sur les côtés n’étaient qu’une moitié de solution, a recadré les images en carré et a expliqué honnêtement où se situe la limite de ses capacités :

C’est prêt — le catalogue prend désormais un carré au centre de chaque photo, et chaque image remplit entièrement sa tuile. Il n’y a plus de bandes blanches sur les côtés ni en haut. La boutique les affiche déjà.

Deux choses à savoir, en termes simples :

La boutique sait redimensionner les images elle-même, mais ne peut pas décider quelle partie de la photo conserver. C’est une question de goût — quel angle est important, où se trouve le produit dans le cadre — et la boutique laisse cela à l’humain. Quand vous ou votre amie ajoutez une photo dans le programme, l’image dispose d’un outil de recadrage ; une fois réglé selon votre préférence, vous pouvez demander au programme de mémoriser ce réglage et de l’appliquer à tout un lot de photos. C’est précisément ce bouton qui sera utile quand vous chargerez un lot de clichés de fournisseur.

Les arrière-plans restent différents, et le recadrage ne corrigera pas cela. Regardez la vitrine : ciseaux sur tissu rose, fils sur fond bleu, peintures sur fond blanc. Ce sont douze photos de stock sans lien entre elles. Tout s’harmonisera lorsque vous aurez vos propres produits : la méthode habituelle consiste à tout photographier sur le même fond uni, et alors le catalogue aura l’air d’une seule boutique, et non de douze.

Et j’ai fait un compromis pour vous : puisqu’on prend un carré, les bords de la photo d’origine disparaissent sur la petite image. La photo complète reste intacte sur la page produit — seul le petit visuel du catalogue est recadré. Si l’une vous semble ratée, dites-moi laquelle, et je la recadrerai plus haut, plus bas ou sur le côté.

celle avec la broderie a été recadrée trop serrée — recadre-la plus large

Et voici le résultat — les images carrées remplissent entièrement les tuiles :

Bien entendu, on peut aussi entrer dans la boutique via le programme. Dans la section "Descriptions", on voit tous les produits saisis par l’assistant IA avec leurs images, caractéristiques et textes — vous pouvez les corriger à la main :

Et dans la section "Prix" — toute la partie commerciale : fournisseur, prix d’achat et de vente, devise, quantité et état du produit :

Développement récursif

Comme vous le voyez, en une petite demi-heure, nous sommes passés d’une idée simple à un premier résultat. Vous vous posez sans doute déjà des questions : jusqu’où l’assistant IA est-il capable d’étendre les possibilités de la boutique ? Et si vous pouvez travailler aussi vite, il serait bien que vos collaborateurs travaillent de la même manière — mais alors quoi, leur donner un accès complet ?

Restez tranquille. Vous avez investi dans Melbis Shop 6, et ici il existe une structure évolutive.

Avant tout : l’assistant IA en mode d’accès direct, c’est-à-dire comme administrateur, possède des droits gigantesques — tant sur les ressources que sur sa propre amélioration. Il peut non seulement saisir des produits et définir des paramètres : il est capable de concevoir et d’améliorer l’architecture de la base de données, de construire la vitrine et les modules internes, de voir la vitrine avec les yeux d’un acheteur, de l’analyser, d’obtenir des rapports internes sur les performances du système et d’apporter des corrections. Mais le plus important — il peut perfectionner les outils. Les siens comme ceux des autres.

Vous vous souvenez de la branche des droits sur la capture d’écran plus haut : AI Assistant > Tools > Get list et Execute ? Ce sont des commandes particulières que vous pouvez ouvrir à vos collaborateurs — et ils auront alors accès aux outils de l’assistant IA, développés spécialement par vous ou par eux-mêmes.

Dans la boutique initiale Melbis Shop 6, nous avons déjà créé et ajouté plusieurs outils de ce type. Ils vous seront utiles en eux-mêmes et serviront aussi d’exemple pédagogique pour votre assistant IA. Pour les voir, ouvrez la section "Development" > "AI tools".

À gauche — le catalogue des outils, réparti par sections du programme : produits, commandes, fournisseurs, structure. À droite — les commandes de l’outil sélectionné avec leurs descriptions, et en dessous les paramètres de chaque commande : ce qui est obligatoire, ce qui est défini par défaut, ce que signifie chaque champ. C’est précisément à partir de ces descriptions que l’assistant IA comprend comment utiliser l’outil.

Mais le plus intéressant, c’est l’onglet "Command Rights" : ici, vous indiquez ce qui est autorisé à tel ou tel collaborateur. Autrement dit, un collaborateur peut appeler l’assistant IA et utiliser les commandes de l’outil que vous lui avez ouvertes — et rien au-delà.

Et dans des sections comme "Catalog", on peut en plus définir le niveau d’accès à une section précise du catalogue : qui peut voir la vitrine de cette section, qui peut modifier les descriptions, qui peut gérer les prix.

Mais le plus important pour vous en tant que propriétaire : vous n’êtes pas limité à l’ensemble standard des outils intégrés. Il peut être étendu selon vos besoins — par exemple, demander à l’assistant IA de créer pour lui-même un outil qui lui permettra de mettre à jour facilement et rapidement la liste de prix d’un fournisseur précis.

Si vous le souhaitez, les outils peuvent être enregistrés et transférés — ou mis à jour — d’une boutique à une autre. Vous pouvez demander à l’assistant IA d’en traduire les descriptions dans votre langue, afin de faciliter le travail. Vous pouvez aussi lui confier l’attribution des droits. Là, tout dépend de ce qui est plus rapide : écrire le texte de la tâche à l’assistant IA ou parcourir vous-même les options.

Comment organiser le travail

Nous recommandons de découper les tâches par thèmes distincts. Dans la fenêtre Claude Code, à gauche, dans la liste des thèmes, vous cliquez sur + et commencez un nouveau dialogue. Ainsi, chaque thème a sa propre mémoire et son propre historique, et ils ne se gênent pas entre eux. Voici, par exemple, un dialogue séparé dans lequel nous modifions l’apparence de la boutique de démonstration :

Je veux modifier le design standard de la boutique. J’ai choisi le modèle gratuit https://themewagon.com/themes/bloomshop/ — fais une refonte de mon projet sur cette base, dans une première approximation.

Remarquez : ce modèle est réalisé avec une technologie complètement différente, et l’assistant IA n’a pas essayé de l’introduire dans le projet, mais a transféré le langage visuel — couleurs, arrondis, ombres, police — sur le balisage déjà utilisé par la boutique. Voici son rapport :

Ce que j’ai fait

Impossible d’installer BloomShop ici : c’est du Next.js 16 + React 19 + Tailwind 4 + Radix, alors que votre vitrine repose sur le moteur de templates Melbis en PHP, qui sert du Bootstrap 4. J’ai donc reproduit son langage visuel en CSS classique par-dessus le Bootstrap déjà connecté chez vous — sans nouvelles dépendances ni recompilation de bundles.

J’ai pris les vraies valeurs du design à partir des variables CSS de la démo en ligne, et non à l’œil : ambre #f59e0b principal, #fffbeb / #92400e en accent, #262626 pour le texte, #6b7280 en atténué, rayon 1.225rem, boutons en forme de pilule, ombres douces, police Inter. Elles sont toutes stockées sous forme de propriétés --bloom-* au début de templates/default/statics/melbis/main.css — c’est de là que l’on peut recolorer toute la boutique.

Réécrit : la feuille de style et 13 templates — en-tête (barre collante, écriture bicolore MELBISSHOP, panier, menu sur une ligne séparée), pied de page (trois colonnes, réseaux sociaux, bande inférieure), page d’accueil (premier écran, bande d’avantages, grille de favoris — le jumbotron « Melbis Shop 6 Working! » a été supprimé), pages de sections, fiche produit et le reste.

Encore une demi-heure — et voici le résultat final. La page d’accueil avec premier écran, bande d’avantages et grille de produits vedettes :

Et la page produit dans le même style. Sans commentaires.