instagram-carousel

Carrousels Instagram

Transformez un sujet, un script ou un lien en un carrousel Instagram prêt à publier : une couverture qui arrête le défilement, 5 à 9 slides qui portent chacune une idée, et une légende en anglais et hinglish. Conçu pour une page de créateur ingénieur logiciel (actualités tech, mises à jour IA, conseils d'ingénierie pour étudiants), mais fonctionne pour tout sujet tech.

0. Valeurs par défaut (modifiez si l'utilisateur dit autrement)

Paramètre	Défaut
Nom d'utilisateur	@decodedebangi
Taille	1080 × 1350 px (portrait Instagram 4:5)
Slides	6–9 (couverture + contenu + CTA)
Style	celui nommé par l'utilisateur, sinon Éditorial
Langue	slides en anglais ; légendes en anglais et hinglish
Photos	aucune sauf si l'utilisateur les fournit — ne laissez jamais de placeholders de photo vides sur une publication finale

Les fichiers de style se trouvent dans styles/. Lisez uniquement celui que vous utilisez :

Style	Fichier	Idéal pour
Éditorial	styles/editorial.md	explications, feuilles de route, « comment X fonctionne »
Sticker	styles/sticker.md	astuces ludiques, workflows d'outils, « mon setup »
Dark tech-news	styles/dark-tech.md	récapitulatifs hebdomadaires, actualités sécurité, lancements
Minimal notebook	styles/minimal-notebook.md	notes d'étude, concepts pour étudiants, antisèches
Bold pastel	styles/bold-pastel.md	avis tranchés, mythes vs faits, grandes statistiques uniques

Chaque fichier de style contient des tokens, des composants et des règles de mise en page ; templates/<style>.html contient une couverture et une slide de contenu fonctionnelles à copier.

1. Réception

Commencez à construire une fois que vous avez un sujet ou un script. Demandez (une fois, en un message) uniquement ce qui manque et compte : style, nombre de slides, langue. Ne demandez pas de photos — proposez de les ajouter plus tard.

Vérifiez d'abord le format. Un carrousel convient à une idée avec une séquence qui vaut la peine d'être relue : étapes, un framework, un avant et après, une liste à capturer d'écran. Si l'idée est une simple affirmation, ou nécessite du mouvement ou un visage, dites-le et suggérez plutôt une Reel. Construisez quand même le carrousel si l'utilisateur en veut un.

2. Recherche et vérification des faits (ne pas sauter)

• L'utilisateur a collé un script/post : utilisez son contenu, mais lisez tout lien qu'il donne. Vérifiez chaque chiffre, nom et affirmation par rapport à la source avant qu'il n'aille sur une slide.
• Qui parle ? Si la source est écrite par quelqu'un qui promeut son propre produit (« voici ce que j'ai construit »), dites-le à l'utilisateur avant de construire, et sur les slides attribuez les affirmations et benchmarks à eux (« leurs propres tests »), ne les présentez jamais comme des faits neutres. Demandez si l'utilisateur veut un post promotionnel ou un explainer — ils veulent souvent l'explainer.
• Faits produits (Claude Code, API, outils) : obtenez-les à partir des docs officielles, pas de la mémoire. Les commandes, limites et fonctionnalités changent.
• Les chiffres auto-déclarés restent étiquetés comme tels. Pas de statistiques inventées, pas de remplissage.
• Les exemples illustratifs (un faux message d'erreur, un chemin d'exemple) sont acceptables uniquement si vous dites à l'utilisateur qu'il s'agit d'exemples.
• Signalez les incohérences entre le script de l'utilisateur et la source (par ex. « le blog liste 7 couches, votre couverture en dit 6 ») au lieu de choisir silencieusement l'un d'eux.

3. Planifier les slides

1. Couverture — doit être compréhensible par quelqu'un qui n'a jamais entendu le jargon. Menez avec la douleur ou la curiosité du lecteur (« pourquoi votre agent IA oublie des choses »), pas le terme technique (« la compaction n'est pas la bonne solution »). Test : un étudiant en CS de 2e année pourrait-il dire en 2 secondes de quoi parle le post ? Proposez 3–4 options de texte de couverture quand l'utilisateur est incertain ; recommandez-en une.
2. Slide 2, la seconde accroche — pourquoi cela compte, en une phrase. Instagram peut montrer à nouveau un carrousel à partir d'une slide ultérieure, donc celle-ci doit fonctionner comme une couverture toute seule. Elle ne peut pas être une introduction ou un contexte.
3. Slides de contenu — une idée chacune : un titre (≤ 6 mots, le point de la slide) + 2–4 points courts ou un grand nombre. Les chiffres importants reçoivent la typographie géante.
4. Accroche milieu — une paire « le hic » / « la solution » maintient les gens en train de balayer.
5. Slide récapitulative — tout le post sous forme de courte liste ou antisèche, lisible sans contexte, car c'est la slide que les gens capturent d'écran et envoient. Gardez le nom d'utilisateur dessus.
6. Slide CTA — une action principale, plus « lien dans les commentaires » s'il y a un lien.
7. Indice de pied de page sur chaque slide de contenu sauf la dernière : « balayez », ou un teaser pour la slide suivante (« la solution », « qu'est-ce qui survit ? »).

Introduisez chaque produit ou nom propre la première fois qu'il apparaît (« Claude Code, l'agent de codage d'Anthropic, … »).

Approuver le texte avant de construire

Montrez le texte slide par slide sous forme de liste numérotée, plus les légendes, avant tout travail de design. Si /ig-human est disponible, passez d'abord le texte des slides et les deux légendes à travers, puis vérifiez qu'il n'a changé aucun fait, chiffre, nom de produit ou la formulation hinglish. Construisez uniquement après que l'utilisateur a approuvé le texte, sauf s'il a demandé de sauter cette étape.

4. Construire

Si un type d'artefact Design / canvas est disponible (par exemple le type Design de Claude) : créez un canvas, un artboard par slide, chacun 1080 × 1350, disposés en rangée (80 px d'écart). Mettez chaque carrousel dans sa propre rangée avec une note de titre au-dessus. Suivez les propres règles de format du type ; styles en ligne, racine de taille fixe.

Sinon : un fichier HTML autonome par slide (ou une page avec toutes les slides empilées), chaque slide une boîte fixe 1080px × 1350px, polices depuis Google Fonts.

Règles qui s'appliquent dans tous les styles :

• Les couleurs, polices et composants proviennent du fichier de style. Ne mélangez pas les styles au sein d'un même carrousel.
• Un arrière-plan pleine slide va en ligne sur la racine comme background-color + background-image — jamais la forme abrégée background: par-dessus une classe, cela efface la grille/la texture.
• Même en-tête et pied de page sur chaque slide ; compteur de slide n/N doit être correct.
• Icônes : SVG en ligne. Pas d'emoji sur les slides.
• Texte du corps minimum 30 px ; titres 96 px+. C'est lu sur un téléphone.

Budget de débordement (le bug n°1)

Avant d'écrire chaque slide, additionnez ses hauteurs ; le contenu doit se terminer ≤ 1180 px du haut pour ne jamais toucher le pied de page (le pied de page se situe vers 1240–1300).

Hauteurs de ligne approximatives : hauteur du texte ≈ taille de police × hauteur de ligne × lignes. Lignes ≈ caractères ÷ (largeur utilisable ÷ largeur de caractère). Largeur de caractère ≈ 0,5 × taille de police (Fredoka/Inter), 0,6 × (JetBrains Mono), 0,42 × (Anton, majuscules). La largeur utilisable est d'environ 920 px moins le padding des cartes.

Si c'est trop : coupez d'abord les mots, puis réduisez le titre, puis resserrez les espaces. Ne réduisez jamais le texte du corps en dessous de 30 px. Maximum ~4 cartes ou ~5 puces par slide.

5. Légende

Écrivez deux versions — anglais et hinglish (hindi en écriture romaine mélangé à l'anglais, conversationnel, comme le créateur parle dans les reels) :

1. Question d'accroche ou ligne en gras (pas d'emoji par défaut ; au maximum un, rarement)
2. 2–3 courts paragraphes : ce qui se passe, le hic, le point à retenir
3. 3–4 conseils en flèche (→) si le post est pratique
4. Ligne « Balayez … », « lien dans le premier commentaire », « sauvegardez ceci … »
5. 5 hashtags, en minuscules, pertinents (pas de #viral, #fyp)

Donnez le lien exact à mettre dans le premier commentaire. Utilisez uniquement des faits qui sont sur les slides ou dans la source. Si le post promeut le produit de quelqu'un, la légende dit à qui il appartient.

6. Remise

• Dites à l'utilisateur ce que chaque slide dit en une ligne, plus tout ce que vous avez supposé ou n'avez pas pu vérifier.
• Export : PNG 1× par slide (1080 × 1350 est la taille portrait native d'Instagram ; le 2× est de toute façon réduit). Nommez les fichiers 01-cover.png … dans l'ordre.
• Texte alternatif : écrivez-le au moins pour la couverture, décrivant ce que dit la slide.
• Proposez : des photos sur la couverture, un style différent, ou des ajustements internes.