Content Tools
Visual content rendering, lead magnet generation, and voice synthesis tools.
Content Tools
HeyCMO's content tools handle the visual and multimedia side of content creation — rendering branded images, generating lead magnet PDFs, creating video content, and synthesizing voice narration.
Renderer (Core Engine)
The foundational rendering engine used by all visual content tools. Uses Playwright (headless Chromium) to render HTML templates into PNG images.
Architecture
- Single-browser instance with connection recovery
- Concurrency semaphore (one render at a time to prevent resource exhaustion)
- Automatic browser reconnection on failure
- Configurable viewport dimensions
How It Works
- Agent provides slide/content data + template selection
- Template function generates branded HTML
- Playwright renders HTML at target resolution
- PNG image is saved to disk and file path is returned
Creative Carousel
Generates branded 1080×1080 PNG carousel images — the highest-engagement format on Instagram and LinkedIn.
Templates
| Template | Best For | Description |
|---|---|---|
tip | Educational content | Numbered tip slides with progression |
stat | Data-driven posts | Big number callouts with context |
story | Narrative content | Story arc across slides |
quote | Thought leadership | Attribution-style quote slides |
listicle | Lists and breakdowns | Bulleted item slides |
Input
- slides (2–10) — Array of
{ text, subtitle? }objects - template — One of:
tip,stat,story,quote,listicle - brand (optional) — Custom colors and font overrides
Output
File paths to generated PNG images, one per slide.
Creative Static
Generates single branded images for social posts. Same rendering engine as carousels but for standalone visuals.
Creative Reel
Generates short-form video with text overlays on solid color backgrounds using FFmpeg.
Input
- script (1–10 segments) — Array of
{ text, duration }objects - brand (optional) — Background and text colors
- outputPath — Safe local
.mp4filename
How It Works
- Calculates total duration from segment timings
- Generates FFmpeg filter chain with timed text overlays
- Renders 9:16 portrait video (1080×1920) for social platforms
- Returns file path, duration, and segment count
Creative OG Image
Generates 1200×630 PNG Open Graph images optimized for social sharing previews (Twitter cards, Facebook, LinkedIn).
Lead Magnet Generator
Generates PDF lead magnets matched to funnel stage with pre-built templates:
Templates
| Type | Structure |
|---|---|
| Checklist | Before You Start → Core Implementation → Optimization → Maintenance |
| Guide | Multi-section comprehensive guide with actionable steps |
| Template | Fill-in-the-blank frameworks |
| Cheat Sheet | Quick reference with key facts and formulas |
Each template dynamically adapts to the topic and target audience.
Text-to-Speech (Voice)
Uses the ElevenLabs HTTP API to generate voice narration for video content, podcast intros, and audio versions of written content. Handled by apps/api/agent/tools/voice.ts.