Création d'une Compétence de Génération de Maquette
Glissez pour afficher le menu
Après avoir collecté des leads, l’étape suivante consiste à créer une maquette de site web personnalisée pour chaque prospect. Cela renforce considérablement la prospection, car au lieu d’envoyer un message générique, il est possible de montrer à une entreprise à quoi pourrait réellement ressembler son site web repensé.
Dans cet exemple, une seconde compétence Claude Code est créée, appelée generate-mockup. Cette compétence prend un lead depuis la base de données, généralement par nom du cabinet ou domaine, puis suit un processus reproductible.
La compétence :
- Lit les détails du lead depuis la base de données ;
- Visite le site web actuel du prospect ;
- Récupère des informations réelles telles que le nom du cabinet, les services, l’emplacement et les coordonnées ;
- Utilise ce contenu pour générer une refonte moderne sur une page unique ;
- Suit la direction de design déjà définie dans le projet ;
- Enregistre la maquette comme un fichier HTML autonome ;
- Met à jour la base de données avec le chemin de la maquette et change le statut du lead en
mockup-ready.
Pour garder le résultat simple et portable, la maquette est créée en HTML pur et Tailwind CSS via un CDN. Cela signifie que chaque page peut être hébergée facilement sans nécessiter la mise en place d’une application complète.
Comme la compétence est stockée dans le dossier .claude/skills du projet, elle peut être réutilisée à tout moment. Claude ne détecte pas toujours automatiquement la compétence dans Claude Desktop, il peut donc être utile d’indiquer explicitement à Claude quelle compétence utiliser et où elle se trouve.
Lorsque la compétence s’exécute avec succès, elle crée une maquette basée sur des informations réelles du site du prospect. Cela permet d’éviter les affirmations inventées et rend le résultat plus crédible. Par exemple, la maquette générée peut inclure de vrais services, horaires d’ouverture et informations sur l’équipe, tout en signalant clairement les sections de remplacement comme les avis ou les formulaires de contact inactifs.
Ce processus est puissant car il transforme les données de leads en un atout commercial personnalisé. Au lieu de concevoir manuellement un aperçu pour chaque prospect, Claude peut prendre en charge une grande partie du travail et créer un flux de travail reproductible qui pourra ensuite être amélioré, étendu et automatisé davantage.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Création d'une Compétence de Génération de Maquette
Après avoir collecté des leads, l’étape suivante consiste à créer une maquette de site web personnalisée pour chaque prospect. Cela renforce considérablement la prospection, car au lieu d’envoyer un message générique, il est possible de montrer à une entreprise à quoi pourrait réellement ressembler son site web repensé.
Dans cet exemple, une seconde compétence Claude Code est créée, appelée generate-mockup. Cette compétence prend un lead depuis la base de données, généralement par nom du cabinet ou domaine, puis suit un processus reproductible.
La compétence :
- Lit les détails du lead depuis la base de données ;
- Visite le site web actuel du prospect ;
- Récupère des informations réelles telles que le nom du cabinet, les services, l’emplacement et les coordonnées ;
- Utilise ce contenu pour générer une refonte moderne sur une page unique ;
- Suit la direction de design déjà définie dans le projet ;
- Enregistre la maquette comme un fichier HTML autonome ;
- Met à jour la base de données avec le chemin de la maquette et change le statut du lead en
mockup-ready.
Pour garder le résultat simple et portable, la maquette est créée en HTML pur et Tailwind CSS via un CDN. Cela signifie que chaque page peut être hébergée facilement sans nécessiter la mise en place d’une application complète.
Comme la compétence est stockée dans le dossier .claude/skills du projet, elle peut être réutilisée à tout moment. Claude ne détecte pas toujours automatiquement la compétence dans Claude Desktop, il peut donc être utile d’indiquer explicitement à Claude quelle compétence utiliser et où elle se trouve.
Lorsque la compétence s’exécute avec succès, elle crée une maquette basée sur des informations réelles du site du prospect. Cela permet d’éviter les affirmations inventées et rend le résultat plus crédible. Par exemple, la maquette générée peut inclure de vrais services, horaires d’ouverture et informations sur l’équipe, tout en signalant clairement les sections de remplacement comme les avis ou les formulaires de contact inactifs.
Ce processus est puissant car il transforme les données de leads en un atout commercial personnalisé. Au lieu de concevoir manuellement un aperçu pour chaque prospect, Claude peut prendre en charge une grande partie du travail et créer un flux de travail reproductible qui pourra ensuite être amélioré, étendu et automatisé davantage.
Merci pour vos commentaires !