Gratuit · trois skills pour Claude et un éditeur localRecevoir le pack

Crée ta bannière LinkedIn avec l'IA

Trois skills pour Claude et un mini-éditeur : ta bannière, ses déclinaisons et ta section Sélection. Gratuit.

pour Claude Code · français et anglais · export PNG

linkedin-banner/banner-1584x396.png
Une des trois directions proposées par linkedin-banner

Une des trois directions proposées par linkedin-banner

Un format juste pour chaque réseau

  • LinkedIn
  • X
  • Facebook
  • WhatsApp Business
/fait avec le pack

Un profil complet, de la bannière à la Sélection

Voici mon propre profil. La bannière et chaque visuel de la Sélection sont sortis de cette méthode et de cet éditeur.

Bannière LinkedIn : « Je crée et je fais connaître vos produits digitaux »
Photo de Daryl Ngako

Daryl Ngako

Je crée et je fais connaître vos produits digitaux, pour les PME et les indépendants, en livrant apps web et mobile, agents IA, automatisations n8n et vidéos motion design | Product Builder, Software Engineer

lyrad.dev

Reconstitution d'un profil LinkedIn, avec les vrais visuels.

/la méthode

Tu réponds. Claude conçoit. Tu ajustes.

Pas de modèle tout fait : Claude part de ton message et de vraies bannières qui t'inspirent, puis te propose plusieurs pistes.

Crée-moi une bannière LinkedIn.
Avec plaisir. Tu préfères répondre à quelques questions, ou m'envoyer ton profil ?
  1. Ton message principal ?
  2. Que doit faire la personne qui la voit ?
  3. Qu'est-ce qui prouve ta crédibilité ?
  4. Les services à mettre en avant ?
  5. Ta photo, un visuel, ou rien ?
Voici mon profil : linkedin.com/in/…
01

Cinq questions, ou ton profil

Claude te demande ton message, ton appel à l'action, ta preuve sociale, tes services et ton visuel. Tu peux aussi lui envoyer ton profil ou ton portfolio : il te propose les textes et te les fait valider.

  • Aucun élément n'est obligatoire
  • Rien d'inventé : ni chiffre, ni client, ni logo
  • Tes couleurs et ta police, si tu les as
Direction à bandes lumineusesDirection à grille orangeDirection sombre avec cadre de sélection
02

Trois directions vraiment différentes

Claude choisit dans tes références celles qui collent à tes réponses, puis compose trois pistes. Au moins une porte une idée liée à ton métier, pas seulement un joli fond.

  • Chaque piste en français et en anglais
  • La tagline reste l'élément le plus visible, avec un seul appel à l'action
  • Deux polices au plus, du contraste pour le petit texte
PNGbanner-1584x396.png1584 × 396 · prêt à publier
Bannière avec la zone de la photo de profil simuléezone de la photo sur mobile
03

Un PNG aux bonnes dimensions

Claude exporte la bannière avec Chrome ou Edge, la regarde avant de te la montrer et vérifie que ta photo de profil ne cache rien d'important sur mobile.

  • Dimensions exactes, polices et images chargées
  • Rien d'important dans le demi-cercle de la photo
  • Les retours appliqués sans refaire ce qui te plaît
/l'éditeur

Tes retours, posés directement sur la bannière

Un mini-éditeur qui tourne sur ton ordinateur. Tu compares les directions, tu bouges ce que tu veux, et tu commentes à l'endroit exact : Claude lit tes retours et les applique.

Le mini-éditeur : plusieurs bannières comparées, avec la barre d'outils et les commentaires
Comparer

Toutes les directions côte à côte, filtrées par format et par langue.

Modifier

Déplacer, agrandir, tourner, ajouter du texte, des images, des formes et des flèches.

Commenter

Quatre façons : un point, une zone, une flèche ou un tracé libre.

Exporter

Le PNG aux bonnes dimensions, sans la photo simulée qui sert au contrôle.

node .claude/skills/linkedin-banner/editor/server.mjs ma-banniere --port 4180
/les déclinaisons

Une bannière, adaptée à chaque réseau

Le skill banner-adapt reprend ta bannière pour X, Facebook et WhatsApp Business. Ce n'est pas un recadrage : le contenu est recomposé autour de la photo de profil de chaque réseau.

La bannière LinkedIn d'origine
LinkedIn, la bannière de départ1584 × 396
La déclinaison pour X
X1500 × 500
La déclinaison pour Facebook
Facebook1640 × 624
La déclinaison pour WhatsApp Business
WhatsApp Business1211 × 681
/la section sélection

Des visuels qui donnent envie de cliquer

linkedin-featured commence par te demander le but du visuel : réserver un appel, visiter ton site, montrer tes réalisations. Une seule action par visuel, lisible même en tout petit.

Visuel de Sélection : Réserver 30 minutes
Réserver 30 minutesÉchanger, réserver un appel
Visuel de Sélection : Décrire son besoin
Décrire son besoinRemplir un formulaire
Visuel de Sélection : Voir les réalisations
Voir les réalisationsMontrer ses travaux
Visuel de Sélection : Let's talk about your project
Let's talk about your projectVersion anglaise
Visuel de Sélection : Découvrir le pack
Découvrir le packPrésenter une offre
Visuel de Sélection : Parlons de votre projet
Parlons de votre projetVariante de mise en page
Visuel de Sélection : Décrivez votre besoin
Décrivez votre besoinVariante de mise en page
Visuel de Sélection : Découvrir les prestations
Découvrir les prestationsVisiter le site
/dans le pack

Trois skills, un éditeur. Rien à payer.

Tu copies les dossiers dans ton projet, et Claude sait quoi faire dès que tu lui demandes une bannière.

linkedin-banner

La bannière

Les questions, le choix des références, trois directions en français et en anglais, l'export et les contrôles.

banner-adapt

Les déclinaisons

Ta bannière recomposée pour X, Facebook et WhatsApp Business, avec la bonne zone de photo pour chacun.

linkedin-featured

La Sélection

Un visuel par lien mis en avant, construit autour d'un seul but et lisible à 300 px de large.

editor/

L'éditeur

Comparer, modifier, commenter et exporter, sans compte ni dépendance à installer.

Claude Code

Dans le terminal ou l'application Claude, avec un compte Claude.

Node.js

Pour lancer l'éditeur en local.

Chrome ou Edge

Installé sur ta machine, pour l'export en PNG.

Tes références

Non fournies, car elles appartiennent à leurs auteurs. Le README t'explique comment les réunir.

/recevoir le pack

Ta prochaine bannière commence ici

Laisse ton nom et ton email : tu reçois le lien du dépôt GitHub à cloner. Et s'il te sert, une étoile fait toujours plaisir.

/questions

Bon à savoir

C'est vraiment gratuit ?

Oui. Le pack est un dépôt GitHub public : les trois skills et l'éditeur, sans abonnement ni version payante cachée. Tu as seulement besoin de Claude Code, qui demande un compte Claude.

Faut-il savoir coder ?

Non. Tu discutes avec Claude, il écrit la bannière et l'exporte. Il faut juste savoir copier un dossier et lancer une commande dans un terminal : le README te guide pas à pas.

Pourquoi les références d'inspiration ne sont pas incluses ?

Parce qu'elles appartiennent à leurs auteurs : des bannières trouvées sur Pinterest et des sections Sélection de vrais profils LinkedIn. Le README explique comment constituer les tiennes en quelques minutes et où les ranger pour que Claude s'en serve.

Pour quels réseaux ?

LinkedIn d'abord, en 1584 × 396. Le skill banner-adapt décline ensuite ta bannière pour X, Facebook et WhatsApp Business, et linkedin-featured crée les visuels de ta section Sélection en 1200 × 627.

Et si je veux ma bannière en anglais ?

Chaque direction est livrée en français et en anglais, avec un vrai texte anglais plutôt qu'une traduction mot à mot. L'éditeur filtre les versions par langue.

Claude invente-t-il des chiffres ou des clients ?

Non, les skills le lui interdisent : tout ce qui figure sur la bannière vient de tes réponses. Sans preuve sociale donnée, il n'y en a pas sur la bannière. Pense aussi à demander leur accord aux clients dont tu affiches le logo.

Que deviennent mon nom et mon email ?

Ils servent à t'envoyer le lien du dépôt. Ils sont rangés dans un tableur privé et ne sont ni vendus ni partagés.