Communitygithub.com

ig-carousel

Créez un carrousel Instagram : la couverture qui fait swiper, les copies diapositive par diapositive et les fichiers 1080x1350 prêts à télécharger.

Qu'est-ce que ig-carousel ?

Cette compétence est conçue pour transformer des idées à structure séquentielle (listes, étapes, frameworks, avant/après) en carrousels Instagram optimisés. Elle guide l'utilisateur depuis la couverture (6 mots maximum, lisible en vignette) jusqu'à la diapositive finale d'appel à l'action, en passant par la structuration des slides (6 à 10 diapositives, une idée par slide, pas de paragraphes) et la génération de la légende via la compétence `/ig-caption`. Le carrousel est le format qui génère le plus d'engagement grâce à l'interaction du swipe. La compétence produit un aperçu du contenu textuel numéroté, puis génère les fichiers HTML 1080x1350 après validation de l'utilisateur. Elle prend en charge la construction de fichiers via impression PDF ou HTML-to-image, et s'intègre aux compétences `/ig-human` (vérification humaine) et `/ig-reel` (si l'idée est plus adaptée à une Reel).

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Charee-Villapong/skills/tree/HEAD/ig-carousel

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait ig-carousel ?

Les carrousels sont le format qui retient le plus longtemps sur la grille, car un swipe est une interaction et un scroll ne l'est pas. Ils bénéficient aussi d'une seconde chance : Instagram peut réafficher un carrousel à partir d'une diapositive ultérieure à une personne qui n'a pas interagi la première fois, donc la diapositive 2 doit aussi se suffire à elle-même.

Le format récompense une idée décomposée en étapes. Il punit une légende découpée en morceaux.

Quand l'utiliser plutôt qu'une Reel

Utilisez un carrousel quand l'idée a une séquence et doit être relue : des étapes, un framework avec des parties, un avant/après, une liste qui vaut la peine d'être capturée d'écran. Utilisez une Reel quand l'idée a du mouvement, un visage, ou un résultat qui doit être vu en action.

Si l'idée est une seule affirmation, ce n'est ni l'un ni l'autre. Passez-la à /ig-reel et dites-le.

Structure

6 à 10 diapositives. Le maximum est 20, et 20 c'est presque toujours un livre que personne ne finit. En dessous de 5, le swipe ne démarre jamais.

1         COUVERTURE      l'accroche. 6 mots ou moins, dans une taille lisible sur
                          la grille en vignette. Une ligne de promesse en dessous.
2         L'ENJEU         pourquoi c'est important, en une phrase. Cette diapositive est
                          aussi une seconde couverture, donc elle ne peut pas être une mise en place.
3 à N      UNE IDÉE PAR DIAPOSITIVE. Un titre de 3 à 7 mots, au maximum 25 mots
                          en dessous. Si une diapositive nécessite un paragraphe, c'est deux diapositives.
N+1       RÉCAPITULATIF   tout le résumé sous forme de liste. C'est la diapositive à capturer.
DERNIÈRE  APPEL À L'ACTION   une action. Sauvegarder, commenter un mot-clé, ou suivre. Une seule.

Règles de rédaction des diapositives

  • La couverture représente 80% du résultat. Six mots. Grand. Rien sur le reste ne sauve une couverture que personne ne swipe.
  • Concevez pour le recadrage de la grille. La grille de profil recadre en rectangle portrait plus haut que large, et le ratio exact a changé plus d'une fois. Créez en 1080x1350 et gardez le texte de couverture bien au milieu, à l'écart des 120 pixels extérieurs de chaque côté, et le recadrage n'a plus d'importance.
  • Numérotez les diapositives (3/8). Le taux de complétion augmente quand les gens voient la fin.
  • Aucune diapositive n'est un paragraphe. Si ça ne peut pas être dit en 25 mots, divisez-le.
  • La diapositive récapitulative est celle que les gens capturent et envoient. Les envois sont le signal le plus fort que vous puissiez obtenir. Faites-la autonome et lisible sans contexte.
  • Le pseudo sur chaque diapositive, petit, en bas à droite. Les captures d'écran voyagent sans vous.
  • Texte alternatif sur la couverture au minimum. Il est lu par les lecteurs d'écran et par Instagram.

Construction des fichiers

Instagram veut du 1080x1350 (4:5), JPEG ou PNG, jusqu'à 20 éléments. Construisez-le en HTML et imprimez chaque diapositive :

# une <section> par diapositive, 1080x1350, page-break-after: always
# puis Chrome headless --print-to-pdf, ou tout HTML-to-image que vous utilisez déjà

Écrivez le HTML avec width:1080px; height:1350px, une seule couleur d'accent, et une police d'au moins 32px, car ceci est lu sur un téléphone au tiers de sa taille réelle. Si le projet a une compétence de marque ou un système de design, utilisez-le et n'inventez pas de palette.

Résultat

D'abord le contenu texte diapositive par diapositive, sous forme de liste numérotée que l'utilisateur peut lire en dix secondes et modifier avant tout rendu. Ensuite la légende, qui pour un carrousel est la tâche B dans /ig-caption : la légende travaille ici, car la couverture a déjà utilisé ses six mots.

Passez les deux par /ig-human. Construisez les fichiers seulement après que l'utilisateur a approuvé le contenu.

CARROUSEL  ·  8 diapositives

1  COUVERTURE    LA CLAUSE À 18 000 $
                 Une ligne que je mets maintenant dans chaque contrat.
2  ENJEU         J'ai approuvé le travail. Ils ont demandé le remboursement neuf jours plus tard.
3                CE QU'ELLE DIT
                 Paiement à la livraison, pas à l'approbation.
...
7  RÉCAPITULATIF   Les quatre lignes, dans l'ordre.
8  APPEL À L'ACTION   Commentez CONTRAT et je vous enverrai la clause complète.

Légende : Tâche B, accroche ligne 1, une demande, 3 tags.

Rien n'est téléchargé. L'utilisateur le publie.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills associés