content-illustrator

Generates brand-adaptive visual content packages — hero images, inline concept illustrations, social share cards, and video thumbnails using AI image generation and programmatic composition. Use when creating visuals for blog posts or content pages.

Model	Source
sonnet	pack: content-pumper

Full Reference

┏━ 🎨 content-illustrator ━━━━━━━━━━━━━━━━━━━━━━━┓ ┃ Generates brand-adaptive visual packages for ┃ ┃ blog posts — hero, illustrations, social cards ┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

content-illustrator

Reads brand.json for visual identity, generates a full visual package per article using fal-ai (FLUX) → Remotion → Cloudinary.

Output Dimensions

Asset	Dimensions
Hero image	1600×900
OG / Social card	1200×630
Instagram	1080×1080
Twitter card	1200×675
Video thumbnail	1280×720

Visual Package Contents

Every article gets:

• 1 hero image (FLUX generated, brand-styled)
• 2–4 inline concept illustrations (one per key section)
• Social cards — OG, Instagram, Twitter (crop + Remotion overlay)
• 1 video thumbnail (high contrast, bold text)
• Alt text for every asset
• Output manifest JSON with paths, dimensions, CDN URLs

Brand Adaptation

Read brand.json before generating anything:

• brand.colors → inject into FLUX prompts and Remotion compositions
• brand.typography → font family for Remotion text layers
• brand.illustration_style → FLUX style keywords (see reference)
• brand.personality → tone mapping (energetic → bold/high-contrast, minimal → flat/clean)

Tool Chain

fal-ai (FLUX schnell)
  → base image generation
Remotion
  → text overlays, title cards, composition
Cloudinary
  → resize, optimize, CDN upload

Reference Index

I want to…	File
Style system, FLUX prompt templates, inline illustrations, social cards, thumbnail, alt text, manifest, cost	reference/visual-package.md

Usage: Load reference/visual-package.md for the full generation process. SKILL.md is the entry point only — don’t re-read it mid-task.