Communitygithub.com

saoudphotos/carrousel-marque-arabe

Construit un carrousel Instagram arabe de marque à partir de n'importe quel sujet : l'utilisateur donne le sujet, et la compétence l'analyse et conçoit les diapositives, ne demandant que les détails de marque qu'elle ne peut pas déduire. Utilisez-le pour toute demande de carrousel.

Qu'est-ce que carrousel-marque-arabe ?

Cette compétence d'agent IA permet de générer automatiquement des carrousels Instagram arabes entièrement conçus et de marque à partir d'un simple sujet fourni par l'utilisateur. L'agent analyse le sujet, planifie le contenu, conçoit chaque diapositive (1080x1350) et produit un fichier HTML éditable ainsi que des images PNG prêtes à être publiées. Elle est particulièrement utile pour les créateurs de contenu, les community managers et les spécialistes du marketing qui veulent produire rapidement des visuels cohérents et professionnels pour le monde arabophone. La compétence prend en charge une analyse stratégique du sujet (angle, public, nombre de diapositives), une personnalisation avancée de la marque (logo, couleurs, police), et intègre des règles de design strictes (typographie Cairo, mise en page RTL, éléments visuels comme des formes abstraites ou maquettes). Elle s'appuie sur un processus en cinq étapes : collecte des détails de marque, analyse du sujet, planification des diapositives, application des règles de design, et vérification finale avec notation. Le rendu final est effectué via un navigateur sans tête qui intègre la police Cairo directement dans les PNG, garantissant un affichage correct sans dépendances externes. L'agent pose les questions relatives à la marque de manière concise et utilise des valeurs par défaut si nécessaire. Il vérifie également la lisibilité, l'alignement et la cohérence avant de livrer les fichiers.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/saoudphotos/arabic-brand-carousel/tree/HEAD/arabic-brand-carousel
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Carrousel de Marque Arabe

L'utilisateur donne un sujet. Vous faites l'analyse et la conception. Ne demandez que ce que vous ne pouvez pas déduire, en un seul message court. Écrivez dans le dialecte de l'utilisateur.

Étape 1 : Détails de la marque (demander uniquement si manquants)

Si l'utilisateur a déjà partagé les détails de la marque dans cette conversation ou dans un carrousel précédent, utilisez-les. Sinon, demandez une fois, en un seul message :

  • Marque de la marque : un fichier logo, un mot-symbole ou un identifiant.
  • Couleurs : une couleur de base et une couleur d'accent.

Si l'utilisateur ne répond pas ou ne sait pas, utilisez une valeur par défaut et dites-le en une ligne : une base quasi noire, du texte blanc cassé et un accent vif. Ne demandez pas la police, la disposition ou la structure. Décidez-les vous-même.

Si l'utilisateur partage un carrousel ou une publication existante, lisez ses couleurs, polices et disposition à partir des images et utilisez-les.

Étape 2 : Analyser le sujet

Décidez vous-même avant de concevoir :

  • L'idée centrale en une phrase.
  • Le public et ce qu'il veut en retirer.
  • L'angle : surprise, un guide pratique, une liste, une comparaison ou une histoire.
  • Le nombre de diapositives : 7 par défaut, jusqu'à 10 pour les listes.
  • Faits et chiffres : vérifiez-les avant d'écrire. Si le contenu repose sur des actualités, des recherches ou un document officiel, ajoutez une ligne de source sur la diapositive concernée.

Étape 3 : Planifier les diapositives

  • Diapositive 1 (couverture) : un accroche qui arrête le défilement. Choisissez le type de couverture qui correspond au sujet :
    • Question avec un mot-clé en évidence, pour la curiosité.
    • Chiffre avec une promesse audacieuse, pour les listes.
    • Visuel héroïque, pour les sujets technologiques et de produit, ou tout sujet qui bénéficie d'images (voir Étape 4).
    • Un seul mot en gras avec une mise en évidence, pour les opinions et les avertissements.
  • Diapositives 2 à N-1 : une idée par diapositive. Variez les mises en page pour que le carrousel ne semble pas répétitif. Mises en page : cartes avec icônes, liste numérotée, avant et après, grille de puces, étape par étape, ou une grande déclaration.
  • Dernière diapositive : une invite d'engagement. Choisissez celle qui correspond : un mot-clé de commentaire, « enregistrez-la pour plus tard » avec « envoyez-la à quelqu'un », ou une question pour le public. Affichez la marque de la marque.
  • Chaque diapositive contient moins de 40 mots.

Étape 4 : Règles de conception (appliquer à chaque diapositive)

La mise en page est fixe à 1080 x 1350.

Barre de marque, répétée sur chaque diapositive :

  • En haut à gauche : compteur de diapositives (par exemple « 3 / 7 »), petit et atténué.
  • En haut à droite : une pastille de catégorie avec une courte étiquette de sujet.
  • En bas à gauche : la marque ou l'identifiant de la marque, petit.
  • En bas à droite : un indicateur de balayage dans la couleur d'accent, sur chaque diapositive sauf la dernière.

Typographie :

  • Police par défaut : Cairo, poids 900 pour les titres et 700 pour les étiquettes et le corps. Cairo est une police arabe grasse avec des formes de lettres nettes à des tailles d'affichage.
  • Utilisez la police lors du rendu des diapositives en images, de sorte que la police soit intégrée dans les fichiers PNG. Le spectateur n'a pas besoin d'installer la police. Ne comptez pas sur les importations de polices en ligne, car elles échouent en mode hors ligne.
  • Si la marque de l'utilisateur utilise une autre police, utilisez celle-ci à la place, chargée de la même manière.
  • Titres : 110 à 130 px sur les couvertures, 90 à 120 px sur les diapositives de contenu. Texte du corps : 40 à 50 px. Étiquette grise au-dessus du titre : 36 à 44 px.
  • Disposition de droite à gauche.
  • Gardez au moins 80 px de marge par rapport à chaque bord.

Accentuation :

  • Un mot en évidence par titre, dans la couleur d'accent, avec un soulignement dessiné à la main. Une mise en évidence par diapositive.
  • Une diapositive peut utiliser son propre accent lorsqu'elle couvre un élément différent, comme une couleur, un outil ou une étape. Utilisez cette couleur pour son soulignement, son étiquette et son point. Sinon, conservez un accent pour toute la série.

Visuels :

  • Un élément visuel sur la couverture et sur les diapositives clés. Choisissez celui qui correspond au sujet :
    • Maquette d'appareil ou image de produit, pour la technologie.
    • Rangée de points colorés, pour les listes d'éléments ayant chacun une couleur.
    • Formes abstraites, lorsqu'aucune photo n'est disponible : cercles concentriques, un cadre en arche, des cartes empilées, des rayures diagonales, un demi-cercle de lever de soleil, des boutons en pastille, une grille pointillée ou des hexagones. Gardez-les grands, et éloignez-les du titre pour que le texte reste lisible.
    • Photos, uniquement lorsque l'utilisateur les télécharge ou approuve leur génération.
  • Une douce lueur dans la couleur d'accent derrière le visuel ajoute de la profondeur.
  • La décoration doit soutenir l'idée. Supprimez tout ce qui ne le fait pas.

Étape 5 : Vérifier avant la livraison

  • La couverture explique le sujet en moins de deux secondes.
  • Les polices et les couleurs correspondent dans toute la série.
  • La barre de marque est alignée sur chaque diapositive.
  • Aucune forme ou visuel ne chevauche le titre. Vérifiez cela dans l'image rendue, pas seulement dans le code.
  • Le texte est lisible sur le fond.
  • Le texte dialectal ne contient pas de fautes d'orthographe.
  • Notez le carrousel sur 100. Donnez une raison pour chaque point perdu et une correction concrète.

Livraison

Créez un fichier HTML avec chaque diapositive à 1080 x 1350. Conservez-le comme source modifiable.

Rendez chaque diapositive en PNG avec un navigateur sans tête, en utilisant la police Cairo chargée à partir d'un fichier local. Les fichiers PNG sont le livrable final, car ils incluent la police et peuvent être publiés tels quels. Envoyez les fichiers PNG à l'utilisateur pour révision. Exportez la série finale uniquement après que l'utilisateur a approuvé la conception.

Expliquez ensuite en une ou deux phrases pourquoi vous avez choisi cette couverture et cette mise en page, et proposez une prochaine modification.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community