CommunityBildgithub.com

cbrock84/visual-content

Entwirft und leitet visuelle Assets, die Inhalte transportieren – Karussells, Infografiken, Zitatgrafiken, Diagramme und Social-Media-Bilder – einschließlich der Prompt-Erstellung, wenn diese KI-generiert sind. Nutze dies, um einen geschriebenen Text in ein visuelles Format zu verwandeln, ein Karussell oder eine Infografik zu gestalten, Social-Media-Grafiken zu erstellen oder visuelle Elemente zu verbessern, die nicht zum Verweilen einladen.

Was ist visual-content?

Dieses Skill für KI-Agenten (z. B. Claude Code, Cursor, Codex) unterstützt Entwickler und Content-Ersteller bei der professionellen visuellen Gestaltung von Inhalten – von Karussells über Infografiken bis hin zu Social-Media-Grafiken. Es stellt klare, formatspezifische Richtlinien bereit: Sequenzen oder Prozesse werden als Karussells umgesetzt, Vergleiche oder Beziehungen als einzelne Diagramme, einprägsame Behauptungen als Zitatgrafiken und quantitative Daten als Diagramme mit einer klaren Botschaft. Das Skill betont, dass das Format dem Inhalt folgen muss und nicht der Mode, und vermeidet so typische Fehler wie zerstückelte Absätze. Es beschreibt, wie man für den tatsächlichen Nutzungskontext gestaltet – meist klein auf einem Smartphone in einem Feed – und gibt konkrete Anweisungen zum Schreiben von KI-Prompts für die Bildgenerierung inklusive Betreff, Komposition, Beleuchtung, Farbpalette, Stimmung und Negativbeschränkungen. Abschließend listet das Skill fundamentale „Niemals“-Regeln auf, die verhindern, dass visuelle Entscheidungen den Inhalt schwächen oder Barrierefreiheit und Auffindbarkeit beeinträchtigen.

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

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Visuelle Inhalte

Das Format folgt der Form des Inhalts

  • Abfolge oder Prozess → Karussell. Ein Schritt pro Folie, eine Idee pro Folie.
  • Vergleich oder Beziehung → einzelnes Diagramm. Ein Karussell würde das zerstören, was auf einen Blick gesehen werden muss.
  • Eine einzelne, einprägsame Behauptung → Zitatgrafik.
  • Menge, Trend oder Anteil → Diagramm mit einer Botschaft.
  • Alles mit mehr als etwa sieben Elementen → es werden zwei visuelle Darstellungen daraus.

Das Format nach dem zu wählen, was gerade angesagt ist, anstatt nach der Form des Inhalts – das ist der Grund, warum so viele Karussells ein in zehn Stücke geschnittener Absatz sind.

Karussells

Die erste Folie ist der gesamte Haken – behandle sie als Schlagzeile, nicht als Titelbild. Jede weitere Folie muss den Wisch verdienen, was bedeutet, dass jede leicht unvollständig endet.

Einheitliche Vorlage über alle Folien hinweg: gleiche Ränder, gleiche Positionen der Schrift, gleiche Palette. Abweichungen über Folien hinweg wirken wie Fehler. Nummeriere sie, damit der Leser den Umfang kennt.

Die letzte Folie setzt die Idee fest. Eine letzte Folie, die nur „Folge für mehr“ sagt, verschwendet die einzige Folie mit garantierter Aufmerksamkeit von allen, die durchgehalten haben.

Infografiken und Diagramme

Ein Diagramm verdient seinen Platz, wenn es eine Beziehung zeigt, für deren Beschreibung der Prosatext drei Absätze bräuchte. Wenn es den Text nur wiederholt, streiche es.

Beschrifte direkt am Element. Legenden zwingen den Leser, eine Zuordnung im Gedächtnis zu behalten, während er woanders hinschaut. Entferne alles, was keine Bedeutung trägt – dekorative Verläufe, 3D-Effekte und Schlagschatten auf Daten.

Gestaltung für den tatsächlichen Kontext

Fast alles davon wird klein gesehen, auf einem Telefon, in einem Feed, im Vorbeiscrollen. Teste in dieser Größe, bevor du fertig wirst. Wenn die Schlagzeile in der Vorschaubildgröße nicht lesbar ist, existiert sie nicht.

Hoher Kontrast zwischen Motiv und Hintergrund ist das, was den Scroll stoppt. Subtilität ist ein Luxus für den Desktop.

Wo Bilder generiert werden

Schreibe den Prompt wie ein Briefing: Motiv, Komposition, Beleuchtung, Farbpalette, Stimmung und Negativbeschränkungen. Generiere ein Konzept pro Bild. Prüfe dann, ob die Ausgabe eingebetteten Text korrekt darstellt und zur Markenpalette passt – generierte Bilder driften ab, und eine abgedriftete Markenfarbe ist schlimmer als keine Markenfarbe.

Niemals

  • Wähle ein visuelles Format nicht, bevor du weißt, ob der Inhalt eine Abfolge, ein Vergleich oder eine einzelne Behauptung ist.
  • Gestalte in voller Größe für etwas, das in Vorschaubildgröße gesehen wird.
  • Lege tragende Informationen ausschließlich in ein Bild. Es ist nicht durchsuchbar, nicht übersetzbar und für einen Screenreader unsichtbar.

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

Verwandte Skills