CommunityImagemgithub.com

cbrock84/visual-content

Projeta e dirige os ativos visuais que carregam o conteúdo — carrosséis, infográficos, gráficos de citação, diagramas e imagens para redes sociais — incluindo os prompts de geração quando são produzidos por IA. Use esta skill para transformar um texto em formato visual, projetar um carrossel ou infográfico, criar gráficos para redes sociais ou corrigir visuais que não estão prendendo a atenção.

O que é visual-content?

Esta skill transforma conteúdo escrito em formatos visuais eficazes, seguindo princípios de design que respeitam a estrutura do conteúdo. Ela suporta a criação de carrosséis, infográficos, diagramas, gráficos de citação, gráficos de dados e imagens para redes sociais, tanto para design manual quanto para geração por IA. A skill enfatiza que o formato visual deve ser escolhido com base na forma do conteúdo (sequência, comparação, afirmação, tendência) e não na moda, evitando erros comuns como transformar um parágrafo em dez slides de carrossel. Para plataformas como Instagram, LinkedIn e Twitter, ela fornece diretrizes sobre como projetar para o contexto real de visualização (pequeno, em feed, em movimento) e inclui práticas recomendadas para escrever prompts de geração de imagem que especifiquem sujeito, composição, iluminação, paleta, clima e restrições negativas. A skill também alerta contra armadilhas como colocar informações críticas apenas em imagens (que não são pesquisáveis, traduzíveis ou acessíveis a leitores de tela) e escolher um formato antes de saber se o conteúdo é uma sequência, comparação ou afirmação única.

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

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Conteúdo visual

O formato segue a forma do conteúdo

  • Sequência ou processo → carrossel. Um passo por slide, uma ideia por slide.
  • Comparação ou relação → diagrama único. Um carrossel quebraria o que precisa ser visto de uma só vez.
  • Uma afirmação única e memorável → gráfico de citação.
  • Quantidade, tendência ou proporção → gráfico, com uma mensagem.
  • Qualquer coisa com mais de cerca de sete elementos → são dois visuais.

Escolher o formato pelo que está na moda em vez da forma do conteúdo é a razão pela qual tantos carrosséis são um parágrafo cortado em dez pedaços.

Carrosséis

O primeiro slide é o gancho inteiro — trate-o como um título principal, não como um cartão de título. Cada slide subsequente deve merecer o deslize, o que significa que cada um termina ligeiramente incompleto.

Modelo consistente entre os slides: mesmas margens, mesmas posições de tipo, mesma paleta. Variação entre slides é lida como erro. Numere-os para que o leitor saiba o compromisso.

O último slide entrega a ideia. Um último slide que apenas diz "siga para mais" desperdiça o único slide com atenção garantida de todos que terminaram.

Infográficos e diagramas

Um diagrama merece seu lugar quando mostra uma relação que a prosa levaria três parágrafos para estabelecer. Se apenas repete o texto, remova-o.

Rotule diretamente no elemento. Legendas fazem o leitor manter um mapeamento na memória enquanto olha para outro lugar. Remova tudo que não carrega significado — gradientes decorativos, efeitos 3D e sombras projetadas em dados.

Projetando para o contexto real

Quase tudo isso é visto pequeno, em um telefone, em um feed, em movimento. Teste nesse tamanho antes de finalizar. Se o título principal não for legível em escala de miniatura, ele não existe.

Alto contraste entre sujeito e fundo é o que prende a atenção. Sutileza é um luxo de desktop.

Onde as imagens são geradas

Escreva o prompt como um briefing: sujeito, composição, iluminação, paleta, clima e restrições negativas. Gere um conceito por imagem. Em seguida, verifique se a saída realmente renderiza qualquer texto incorporado corretamente e corresponde à paleta da marca — imagens geradas se desviam, e uma cor de marca desviada é pior do que nenhuma cor de marca.

Nunca

  • Escolha um formato visual antes de saber se o conteúdo é uma sequência, uma comparação ou uma afirmação única.
  • Projete em tamanho real para algo que será visto em tamanho de miniatura.
  • Coloque informações críticas apenas em uma imagem. Ela é indetectável por pesquisa, intraduzível e invisível para um leitor de tela.

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`.

Habilidades Relacionadas