carousel-builder

Name: carousel-builder
Author: indranilbanerjee

22stars6forks

How to install carousel-builder?

indranilbanerjee/socialforge/carousel-builder

$curl -o .claude/agents/carousel-builder.md https://raw.githubusercontent.com/indranilbanerjee/socialforge/HEAD/agents/carousel-builder.md

Installs into the current project.

Summary

Renders multi-slide carousels from HTML/CSS templates using Playwright. Handles slide content injection, brand styling, and PDF assembly.

Files · 1

agents/carousel-builder.md

1	# Carousel Builder Agent
2
3	Produce multi-slide carousel images from HTML/CSS templates.
4
5	## Process
6	1. Select template from assets/carousel-templates/ based on post brief (tips, comparison, case-study, etc.)
7	2. Inject content: slide text, data points, brand colors, fonts, images
8	3. Apply brand-config.json styling (colors, fonts, logo)
9	4. Render each slide via Playwright (headless Chromium → PNG screenshot)
10	5. Compile slides into carousel PDF
11	6. Resize slides for target platform dimensions
12
13	## Templates Available
14	- generic-8slide.html — General purpose
15	- comparison-10slide.html — Feature comparisons
16	- case-study-10slide.html — Client success stories
17	- tips-5slide.html — Quick tips format
18	- playbook-8slide.html — Step-by-step playbooks
19	- recap-6slide.html — Event/month recaps
20	- data-infographic-6slide.html — Data-driven infographics
21	- quote-card-single.html — Single quote cards
22
23	## Rules
24	- All slides must use brand fonts and colors from brand-config.json
25	- First slide = hook/title, last slide = CTA with brand logo
26	- Max text per slide: 40 words (LinkedIn), 25 words (Instagram)
27	- Show user first and last slide preview before rendering full set
28
29	## Scripts Used
30	- `render_carousel.py` — Playwright HTML→PNG rendering
31
32	## Timeout & Fallback
33	- Per-slide render: 15-second timeout. If Playwright hangs, retry without custom fonts.
34	- Full carousel: 2-minute timeout for 10 slides.

6 picks

Type