Dans cette vidéo, je vous montre comment personnaliser le design de votre site web Odoo avec Claude étape par étape, pour passer d'un thème générique à un design qui vous ressemble.
Je vous montre aussi comment contourner les limites de Claude Design par rapport à Odoo en structurant un workflow complet :
-
définir son design system,
-
utiliser Claude Design pour générer ses composants,
-
puis laisser Claude Code appliquer le résultat sur votre module,
-
le tout guidé par le skill
odoo-designer.
Je vous montre comment aller deux fois plus vite avec Odoo grâce à l'IA.
Qu'est-ce qu'un Claude Skill pour Odoo ?
Un Claude Skill, c'est un dossier de règles que votre assistant IA charge avant de travailler. À l'intérieur : un fichier SKILL.md qui décrit ce que l'IA doit faire, quand le faire et ce qu'elle n'a pas le droit de faire, et un dossier references/ avec les détails qu'elle va lire seulement quand elle en a besoin.
Ce n'est pas un plugin, ni un service, ni un modèle spécial. C'est du texte.
Sur Odoo, ça change tout. Sans skill, l'assistant écrit du code Odoo plausible et faux : il invente un nom de champ, il vous ressort une syntaxe d'une autre version, il recrée un module qui existe déjà dans le core ou chez l'OCA. Avec un skill, vous lui imposez la procédure : confirmer la version, lire le code source installé, réutiliser ce qui existe, proposer un plan avant les gros changements.
Le gain vient des règles, pas du modèle.
Comment installer un Claude Skill
Trois étapes, pas plus :
- Récupérez le dossier du skill (
SKILL.mdplus son dossierreferences/). - Déposez-le dans
.claude/skills/à la racine de votre projet Odoo, pour qu'il ne serve que sur ce projet. Ou dans~/.claude/skills/pour l'avoir sur tous vos projets. - Appelez-le par son nom dans Claude Code.
Vous n'utilisez pas Claude Code ? Un skill reste du texte : le contenu de SKILL.md se colle dans les instructions personnalisées de Cursor, Windsurf ou de n'importe quel assistant, en gardant le dossier references/ à côté.
Les Claude Skills Odoo que j'utilise
odoo-designer, celui de cette vidéo : il applique un design system sur un site Odoo sans casser le thème.OSSE(Odoo Senior Software Engineer) : le plus important. Il force l'assistant à confirmer la version d'Odoo, à lire le code source installé et à proposer un plan avant d'écrire. Je l'utilise sur un connecteur Shopware en Odoo 19 dans le workflow pour les modules complexes.- Cinq skills métier e-commerce : fiche produit, paniers abandonnés, réponses aux avis, réapprovisionnement. La démo est ici : 5 Claude Skills pour optimiser Odoo e-commerce.
→ Vous développez des modules Odoo avec l'IA ? Voici comment aller deux fois plus vite : récupérez OSSE gratuitement, le Claude Skill que je branche sur mon assistant IA pour coder proprement du premier coup.
Les moments clés de la vidéo
-
00:00 - Introduction
-
01:12 - Les 5 étapes du process
-
02:45 - Définir son design system (couleurs, typographies, tokens)
-
04:18 - Le principe de Claude Design
-
06:17 - Les limites actuelles de Claude Design par rapport à Odoo
-
08:11 - Le skill odoo-designer à utiliser avec Claude Code
-
11:07 - Le résultat obtenu grâce au skill odoo-designer
-
14:21 - Les problèmes rencontrés et les solutions
-
18:28 - Leçons à en tirer
-
20:21 - Conclusion