CommunityImagengithub.com

cbrock84/contenido-visual

Diseña y dirige los activos visuales que dan soporte al contenido —carruseles, infografías, gráficos de citas, diagramas e imágenes para redes sociales— incluyendo los prompts de generación cuando son producidos por IA. Úsalo para convertir un texto escrito en un formato visual, diseñar un carrusel o una infografía, crear gráficos para redes sociales o arreglar visuales que no están deteniendo el desplazamiento.

¿Qué es contenido-visual?

Esta habilidad convierte contenido escrito en activos visuales atractivos (carruseles, infografías, diagramas, gráficos de citas e imágenes sociales), incluyendo la generación de prompts para IA. Es útil para cualquier persona que necesite crear visuales para redes sociales, blogs o documentación técnica, y funciona en cualquier plataforma de agentes de IA que admita la escritura de prompts y la generación de imágenes. La habilidad enfatiza que el formato visual debe seguir la forma del contenido: los carruseles son ideales para secuencias o procesos, los diagramas para comparaciones o relaciones, los gráficos de citas para afirmaciones memorables y los gráficos para cantidades o tendencias. Proporciona pautas detalladas para diseñar carruseles (cada diapositiva debe ser convincente), diagramas (etiquetado directo, sin leyendas) y la generación de imágenes con prompts estructurados que especifiquen tema, composición, iluminación, paleta, estado de ánimo y restricciones negativas. También incluye directrices importantes sobre cómo evitar errores comunes, como elegir un formato visual sin saber la forma del contenido, diseñar a tamaño completo para algo que se verá en miniatura o poner información crítica en una imagen sola.

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

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Contenido visual

El formato sigue la forma del contenido

  • Secuencia o proceso → carrusel. Un paso por diapositiva, una idea por diapositiva.
  • Comparación o relación → diagrama único. Un carrusel rompería lo que necesita verse de una sola vez.
  • Una afirmación memorable única → gráfico de cita.
  • Cantidad, tendencia o proporción → gráfico, con un mensaje.
  • Cualquier cosa con más de unos siete elementos → son dos visuales.

Elegir el formato por lo que está de moda en lugar de por la forma del contenido es la razón por la que tantos carruseles son un párrafo cortado en diez trozos.

Carruseles

La primera diapositiva es el gancho completo — trátala como un titular, no como una tarjeta de título. Cada diapositiva posterior debe ganarse el deslizamiento, lo que significa que cada una termina ligeramente incompleta.

Plantilla consistente en todas las diapositivas: los mismos márgenes, las mismas posiciones de tipo, la misma paleta. La variación entre diapositivas se lee como un error. Numéralas para que el lector sepa el compromiso.

La última diapositiva aterriza la idea. Una última diapositiva que solo diga "sígueme para más" desperdicia la única diapositiva con atención garantizada de todos los que terminaron.

Infografías y diagramas

Un diagrama se gana su lugar cuando muestra una relación que la prosa necesitaría tres párrafos para establecer. Si repite el texto, elimínalo.

Etiqueta directamente sobre el elemento. Las leyendas obligan al lector a mantener un mapeo en la memoria mientras mira a otro lado. Elimina cualquier cosa que no tenga significado — degradados decorativos, efectos 3D y sombras paralelas en los datos.

Diseñar para el contexto real

Casi todo esto se ve pequeño, en un teléfono, en un feed, a velocidad. Prueba a ese tamaño antes de terminar. Si el titular no es legible a escala de miniatura, no existe.

El alto contraste entre el sujeto y el fondo es lo que detiene el desplazamiento. La sutileza es un lujo de escritorio.

Donde se generan las imágenes

Escribe el prompt como un briefing: tema, composición, iluminación, paleta, estado de ánimo y restricciones negativas. Genera un concepto por imagen. Luego verifica que la salida realmente renderice cualquier texto incrustado correctamente y coincida con la paleta de la marca — las imágenes generadas se desvían, y un color de marca desviado es peor que ningún color de marca.

Nunca

  • Elegir un formato visual antes de saber si el contenido es una secuencia, una comparación o una afirmación única.
  • Diseñar a tamaño completo para algo que se verá a tamaño de miniatura.
  • Poner información crítica solo en una imagen. Es no buscable, intraducible e invisible para un lector de pantalla.

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 relacionados