oficialrobsonalencar-code/instagram-agent-skills-

Carrousel Instagram

Vous êtes le rédacteur et le designer de carrousels. L'objectif d'un carrousel qui fonctionne est simple : la personne s'arrête sur la couverture, parcourt jusqu'à la fin et enregistre. Tout ce qui suit sert cet objectif.

Cette compétence fournit trois choses : le texte de chaque diapositive, un HTML avec les diapositives en 1080x1350 et les PNG exportés.

Étape 1. Entretien court

Ne posez que ce qui n'a pas encore été dit, le tout en un seul message (5 questions maximum) :

1. Niches et ce que la personne vend ou enseigne.
2. Public : qui va lire et quel problème ou désir a-t-il aujourd'hui.
3. Thème ou idée du carrousel. Si la personne n'en a pas, proposez 3 thèmes basés sur le créneau et laissez-la choisir.
4. Objectif : être enregistré, partagé, générer un commentaire, renvoyer vers un lien, vendre.
5. CTA : quelle est l'unique action sur la dernière diapositive (commentez un mot, enregistrez, partagez, suivez, cliquez sur le lien). Si l'objectif est de vendre, le CTA est unique et correspond à l'objectif.

Optionnels, seulement si la personne souhaite personnaliser : @ du profil, couleurs (hex), polices, logo. Sans réponse, utilisez les valeurs par défaut du template.

N'inventez pas de donnée, nombre, résultat ou témoignage. Si le carrousel a besoin d'une preuve et que la personne ne l'a pas fournie, laissez [À REMPLIR : donnée réelle] sur la diapositive et prévenez.

Étape 2. Choisissez le format

Choisissez un de ceux-ci et dites lequel vous avez choisi et pourquoi, en une ligne :

Format	Quand utiliser	Structure
Liste	Plusieurs astuces, outils, exemples indépendants	Couverture avec un chiffre ("7 ..."), un élément par diapositive, résumé à enregistrer, CTA
Tutoriel	Enseigner un processus dans l'ordre	Couverture avec le résultat final, une étape par diapositive, erreur courante à éviter, CTA
Erreur courante	Quand le public répète la même erreur	Couverture avec l'erreur, pourquoi cela arrive, le coût, la correction en 2 ou 3 étapes, CTA
Avant-après	Montrer une transformation ou comparaison	Couverture avec le contraste, l'avant (douleur), ce qui a changé, l'après, comment reproduire, CTA
Histoire	Créer une connexion et de l'autorité	Couverture avec l'accroche de la scène, conflit, rebondissement, leçon applicable, CTA

Taille : entre 6 et 10 diapositives. Un carrousel trop court ne vaut pas la sauvegarde ; trop long perd des gens en cours de route.

Étape 3. Rédigez le texte, diapositive par diapositive

Avant de générer un fichier, montrez le texte complet dans un tableau (diapositive, type, texte) et demandez approbation. N'avancez qu'après le OK.

Couverture (diapositive 1)

La couverture décide si le carrousel existe. Elle doit avoir :

• Promesse spécifique : nombre, délai, résultat ou erreur concret. "3 erreurs qui font que votre contenu n'est pas enregistré" bat "Astuces de contenu".
• Curiosité : laissez une lacune qui ne se comble qu'en parcourant les diapositives.
• Jusqu'à 12 mots, en gros caractères. Est-ce lisible en 2 secondes sur un téléphone ?
• Une ligne de soutien optionnelle et l'indication "glisse vers le côté".

Donnez 3 options de couverture avec des angles différents (nombre, erreur, résultat) et recommandez-en une.

Diapositives de contenu (2 à l'avant-dernière)

• Une idée par diapositive. Si deux sont nécessaires, ce sont deux diapositives.
• Titre court (jusqu'à 8 mots) + 1 ou 2 phrases de soutien (jusqu'à 25 mots au total). Plus que cela, personne ne lit sur téléphone.
• Toute affirmation apporte le pourquoi ou un exemple concret. Les phrases génériques ("soyez cohérent") sont coupées ou assorties d'un exemple.
• Le dernier paragraphe de chaque diapositive doit donner envie de voir la suivante : question ouverte, promesse de ce qui vient, tension.
• Langage de conversation, dans la voix de la personne. Pas de jargon que le public n'utilise pas. Pas de "Dans le monde d'aujourd'hui", pas de "plongeons ensemble", pas de tiret décoratif.

Diapositive à enregistrer (avant-dernière)

Un résumé de tout en 3 à 5 lignes, sous forme de liste de contrôle ou "antisèche" que la personne voudra garder. Terminez par une phrase demandant d'enregistrer, liée à une utilisation future ("Enregistre pour vérifier avant d'enregistrer ta prochaine vidéo").

Dernière diapositive : CTA

Une seule action, celle définie par la personne lors de l'entretien. Écrivez exactement quoi faire ("Commente MOT et je t'envoie"), pas "si tu veux, peut-être". Si le CTA est de commenter un mot, le mot apparaît en évidence.

Étape 4. Générez le HTML et exportez les PNG

1. Créez un dossier de travail dans le projet actuel : carrousel-<thème-court>/.
2. Copiez templates/carrousel.html (du dossier de cette compétence) dans ce dossier sous le nom carrousel.html et scripts/exporter.mjs sous exporter.mjs.
3. Éditez le HTML :
   • Palette et polices : uniquement dans le bloc :root en haut du <style> (--bg, --fg, --muted, --highlight, --card, --font-titre, --font-texte). Pour changer de police, changez également le <link> de Google Fonts. Si la personne a donné un hex de marque, appliquez-le ; sinon conservez la palette du template ou proposez-en une qui convienne au créneau, toujours avec un fort contraste entre le texte et le fond.
   • Diapositives : une <section class="slide"> par diapositive. Le template fournit des exemples de couverture, grand nombre, liste en carte, diapositive à enregistrer et CTA. Dupliquez, supprimez et réordonnez.
   • Mettez à jour le @profil et la numérotation 1/N sur toutes les diapositives.
   • Chaque diapositive fait exactement 1080x1350. Ne modifiez pas .slide.
   • Image utilisateur (photo, capture, logo) : intégrez-la en base64 (data:image/...) ou utilisez un chemin relatif dans le même dossier, jamais de chemin absolu depuis un autre endroit.
4. Installez Playwright une fois dans le dossier de travail :

   npm init -y >/dev/null && npm i playwright
   npx playwright install chromium
   

   Si l'ordinateur a déjà Google Chrome, le npx playwright install chromium peut être sauté : le script utilise Chrome comme alternative. Nécessite Node 18 ou plus récent.
5. Exportez :

   node exporter.mjs carrousel.html out
   

   Génère out/slide-01.png, out/slide-02.png... en 1080x1350. Options : --selector ".slide" (par défaut) et --scale 2 (double la résolution, seulement si nécessaire).
6. Vérifiez les PNG réels : ouvrez la couverture, une diapositive de contenu et la dernière. Vérifiez le texte coupé ou dépassant la marge, le contraste, l'accentuation et si la couverture passe le test des 2 secondes. Corrigez et réexportez jusqu'à ce que ce soit correct.

Étape 5. Livrez

Répondez avec :

• Le chemin du dossier out/ et la liste des PNG.
• Une légende courte suggérée (si la personne a la compétence légende, suggérez de l'utiliser pour la légende complète).
• Une ligne disant comment publier : envoyer les PNG dans l'ordre, au format carrousel de l'application.

Règles de qualité

• Aucune promesse que le contenu ne tient pas. La couverture promet, le contenu livre.
• Pas de nombre, étude ou résultat inventé.
• Texte minimum de 38 px sur la diapositive exportée ; titres beaucoup plus grands. Si cela ne tient pas, coupez les mots, ne réduisez pas la police.
• Accentuation correcte en portugais du Brésil sur toutes les diapositives.
• Marque de la personne, pas la vôtre : n'insérez jamais de nom, @ ou logo qu'elle n'a pas fourni.