CommunityImagegithub.com

cbrock84/visual-content

Conçoit et dirige les actifs visuels qui portent le contenu — carrousels, infographies, graphiques de citations, diagrammes et imagerie sociale — y compris les invites de génération lorsque ceux-ci sont produits par IA. Utilisez cette compétence pour transformer un texte en format visuel, concevoir un carrousel ou une infographie, créer des graphiques sociaux, ou corriger des visuels qui ne captent pas l’attention.

Qu'est-ce que visual-content ?

Cette compétence d’agent IA spécialisée dans la conception visuelle guidée par le contenu permet de transformer un texte en formats visuels percutants : carrousels, infographies, graphiques de citations, diagrammes et imagerie sociale. Elle s’appuie sur le principe que le format doit suivre la forme du contenu — une séquence ou un processus appelle un carrousel, une comparaison ou une relation un diagramme unique, une affirmation mémorable un graphique de citation, et une quantité ou tendance un graphique avec un message unique. La compétence fournit des directives détaillées pour chaque format, notamment la construction de carrousels avec un hook fort sur la première diapositive et une conclusion sur la dernière ; la création de diagrammes qui montrent des relations que le texte établirait en plusieurs paragraphes ; et l’écriture d’invites de génération d’images complètes (sujet, composition, éclairage, palette, ambiance, contraintes négatives). Elle met en garde contre les erreurs courantes : choisir un format populaire plutôt qu’adapté au contenu, concevoir à pleine taille pour un affichage en miniature, et placer des informations critiques uniquement dans une image (non consultables, non traduisibles, invisibles pour les lecteurs d’écran). Cette compétence convient à tout outil d’agent IA (Claude Code, Cursor, Codex, etc.) et aide les créateurs de contenu, marketeurs et designers à produire des visuels qui arrêtent le défilement sur mobile.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cbrock84/headcount/tree/main/plugins/marketing/skills/visual-content

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

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

Documentation

Contenu visuel

Le format suit la forme du contenu

  • Séquence ou processus → carrousel. Une étape par diapositive, une idée par diapositive.
  • Comparaison ou relation → diagramme unique. Un carrousel briserait ce qui doit être vu d’un coup.
  • Une affirmation mémorable unique → graphique de citation.
  • Quantité, tendance ou proportion → graphique, avec un seul message.
  • Tout ce qui dépasse environ sept éléments → ce sont deux visuels.

Choisir un format parce qu’il est à la mode plutôt que selon la forme du contenu est la raison pour laquelle tant de carrousels ne sont qu’un paragraphe coupé en dix morceaux.

Carrousels

La première diapositive est l’accroche entière — traitez-la comme un titre, pas comme une carte de présentation. Chaque diapositive suivante doit mériter le glissement, ce qui signifie que chacune se termine légèrement incomplète.

Modèle cohérent sur toutes les diapositives : mêmes marges, mêmes positions de texte, même palette. Une variation entre diapositives est perçue comme une erreur. Numérotez-les pour que le lecteur connaisse l’engagement.

La dernière diapositive parachève l’idée. Une dernière diapositive qui dit seulement « suivez pour plus » gaspille la seule diapositive bénéficiant de l’attention garantie de tous ceux qui ont fini.

Infographies et diagrammes

Un diagramme mérite sa place lorsqu’il montre une relation que le texte mettrait trois paragraphes à établir. S’il reformule le texte, supprimez-le.

Légendez directement sur l’élément. Les légendes déportées obligent le lecteur à garder une correspondance en mémoire tout en regardant ailleurs. Supprimez tout ce qui ne porte pas de sens — dégradés décoratifs, effets 3D et ombres portées sur les données.

Concevoir pour le contexte réel

Presque tout cela est vu petit, sur un téléphone, dans un fil, à toute vitesse. Testez à cette taille avant de finaliser. Si le titre n’est pas lisible à l’échelle de la vignette, il n’existe pas.

Un fort contraste entre le sujet et l’arrière-plan est ce qui arrête le défilement. La subtilité est un luxe de bureau.

Là où les images sont générées

Rédigez l’invite comme un brief : sujet, composition, éclairage, palette, ambiance et contraintes négatives. Générez un concept par image. Vérifiez ensuite que le résultat rend correctement tout texte intégré et correspond à la palette de la marque — l’imagerie générée dérive, et une couleur de marque dérivée est pire que pas de couleur de marque du tout.

Jamais

  • Choisir un format visuel avant de savoir si le contenu est une séquence, une comparaison ou une affirmation unique.
  • Concevoir en taille réelle pour quelque chose qui sera vu en miniature.
  • Placer des informations essentielles uniquement dans une image. C’est invisible pour les recherches, intraduisible et invisible pour un lecteur d’écran.

Individual skills in this repo

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

cbrock84/interface-craft

Raises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details that separate a considered product from a generic one. Use this when a screen works but looks unfinished or default, when a layout feels crowded or arbitrary, when a page has no clear focal point, or when an interface needs to feel trustworthy rather than merely functional.

cbrock84/org-design

Designs how an organization is structured — reporting lines, team boundaries, spans and layers, role definition, and workforce planning against the strategy. Use this to structure a new team, restructure an existing one, resolve unclear ownership between teams, plan headcount, or diagnose why a team underperforms for structural rather than individual reasons.

cbrock84/portfolio-governance

Governs the portfolio of work — intake, prioritization, stage gates, resource contention, and stopping things. Use this to set up intake and prioritization, run a stage gate, decide between competing initiatives, resolve resource contention across projects, or work out why everything is in flight and nothing is finishing.

cbrock84/product-launch

Takes something built and gets it into the market — tiering the launch to match what it actually warrants, sequencing internal readiness before external announcement, preparing sales and support to answer the questions it creates, choosing the date for a reason, and measuring adoption rather than announcement reach. Use this to plan a launch, right-size one that is consuming more than it deserves, work out why a released feature nobody uses was launched loudly, or run the weeks after launch day.

cbrock84/program-management

Plans and drives cross-functional programs to delivery — scope, sequencing, dependencies, status, risk, and the escalations that keep work moving. Use this to run a multi-team initiative, recover a program that is slipping, build a delivery plan with dependencies, structure status reporting, or diagnose why cross-team work keeps missing dates.

cbrock84/project-delivery

Plans and delivers a single project — scope, estimation, scheduling, critical path, tracking, and recovering when it slips. Use this to plan a project, build or challenge a schedule, estimate credibly, track progress meaningfully, or recover a project that is late.

cbrock84/retention

Diagnoses and reduces churn — cancellation flows, save offers, failed-payment recovery, at-risk detection, and the product and service causes underneath. Use this when churn is rising or unexplained, to design a cancellation or win-back flow, to recover involuntary churn, to identify at-risk accounts before they leave, or to decide whether a retention problem is a product problem.

cbrock84/sales-enablement

Builds what a sales team needs to sell — pitch decks, one-pagers, objection handling, competitive battlecards, demo scripts, and case studies. Use this to create or fix sales collateral, prepare for a competitive deal, build a demo flow, document objection responses, or diagnose why a pitch is not converting.

cbrock84/tax

Structures the tax questions a growing business faces — corporate income, sales and use, payroll, nexus, and the obligations created by hiring or selling somewhere new. Use this to work out what a new state or country obligates you to, prepare for a tax filing or audit, understand sales tax on your product, or check what a remote hire or new market triggers.

cbrock84/unit-economics

Establishes whether the business makes money on each customer or unit — contribution margin, acquisition cost, payback period, lifetime value, and the cohort behavior underneath. Use this to assess whether growth is profitable, evaluate a channel or segment, support a pricing decision, judge how fast the business can afford to grow, or diagnose why revenue growth is not producing profit.

cbrock84/video-content

Plans and scripts short-form and long-form video, and designs the packaging — titles, thumbnails, and openings — that determines whether it gets watched. Use this to script a video, plan a series, fix retention or click-through problems, design thumbnail and title concepts, or turn written content into video. For a YouTube channel specifically — idea selection, retention teardowns, and channel-level strategy — use `youtube-producer`.

Skills associés