Source: references/visual-formats.md
Claude.ai-safe .txt copy of the Viralz skill (Claude rejects .md uploads).

# Visual formats — infographic or slider

Produce the visual **before** the LinkedIn post text.

Pull brand colors/fonts from `get_business_context` → website `styleContext` (or style guide markdown).

## Infographic (IMAGE)

Use when one idea can be understood in ~3 seconds.

Archetypes:

- Single-stat card
- Before / after
- 2×2 matrix
- Funnel or steps (max 4)
- Timeline
- Annotated screenshot
- Checklist (short)

Brief must include:

1. Format archetype  
2. Exact headline on the visual (≤ ~8 words)  
3. 1–5 data/label blocks  
4. Brand colors (hex if known) + font mood  
5. What the skimmer understands in 3 seconds  

## Slider / carousel (DOCUMENT)

Use when the story needs multiple beats.

Suggested card stack:

1. Hook card (same tension as post hook)  
2. Context / problem card  
3. 2–5 teaching or proof cards (one idea each)  
4. CTA card (ICP-specific ask — not “follow me”)  

Brief must include per-card: headline, 1–2 lines body, layout note.

## Nick Broekma rule

Complex idea → redraw as a Pinterest-clear infographic or carousel in **their** colors. No cluttered dashboards. No tiny text walls.

## Agent capabilities

- If you can generate images/PDF: build the asset from the brief, then write the post that references it.
- If you cannot: deliver the brief as the visual deliverable, then write the post.