mcpbeat Sign in

Visual Content Agent Skill

Designs and directs the visual assets that carry content — carousels, infographics, quote graphics, diagrams, and social imagery — including the generation prompts where they are AI-produced. Use this to turn a written piece into a visual format, design a carousel or infographic, create social graphics, or fix visuals that are not stopping the scroll.

629 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
220
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/cbrock84/headcount --skill visual-content

The instruction itself

6 sections, as written by the author

Visual content

The format follows the content's shape

  • Sequence or process → carousel. One step per slide, one idea per slide.
  • Comparison or relationship → single diagram. A carousel would break what needs to be seen at

once.

  • A single memorable claim → quote graphic.
  • Quantity, trend, or proportion → chart, with one message.
  • Anything with more than about seven elements → it is two visuals.

Choosing format by what is fashionable rather than by the content's shape is why so many carousels

are a paragraph cut into ten pieces.

Carousels

The first slide is the entire hook — treat it as a headline, not a title card. Every subsequent

slide must earn the swipe, which means each ends slightly incomplete.

Consistent template across slides: same margins, same type positions, same palette. Variation across

slides reads as error. Number them so the reader knows the commitment.

Last slide lands the idea. A last slide that only says "follow for more" wastes the only slide with

guaranteed attention from everyone who finished.

Infographics and diagrams

A diagram earns its place when it shows a relationship prose would take three paragraphs to

establish. If it restates the text, cut it.

Label directly on the element. Legends make the reader hold a mapping in memory while looking

elsewhere. Strip anything not carrying meaning — decorative gradients, 3D effects, and drop shadows

on data.

Designing for the actual context

Almost all of this is seen small, on a phone, in a feed, at speed. Test at that size before

finishing. If the headline is not readable at thumbnail scale, it does not exist.

High contrast between subject and background is what stops the scroll. Subtlety is a desktop luxury.

Where images are generated

Write the prompt as a brief: subject, composition, lighting, palette, mood, and negative

constraints. Generate one concept per image. Then check the output actually renders any embedded

text correctly and matches the brand palette — generated imagery drifts, and drifted brand color is

worse than no brand color.

How to use it

Copy the folder

Take cbrock84/visual-content from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.