Render carousels
Render multi-slide carousels from HTML templates via Playwright. Use when: producing carousel posts.From its SKILL.md
npx -y skills add indranilbanerjee/socialforge --skill render-carouselsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- runs commandsInstructs the agent to run 1 command, including `render_carousel.py`.
SKILL.md
2.0 KB, 440 tokens by cl100k_base, as published. Nobody here has run it
/socialforge:render-carousels — Carousel Renderer
Produce multi-slide carousel images from HTML/CSS templates using Playwright headless rendering.
Supported Templates
| Template | Slides | Best For |
|---|---|---|
| generic-8slide | 8 | General purpose |
| comparison-10slide | 10 | Feature comparisons |
| case-study-10slide | 10 | Client success stories |
| tips-5slide | 5 | Quick tips |
| playbook-8slide | 8 | Step-by-step playbooks |
| recap-6slide | 6 | Event/month recaps |
| data-infographic-6slide | 6 | Data-driven infographics |
| quote-card-single | 1 | Single quote cards |
Process
- Select template based on post's
carousel_type - For each slide:
- Inject content (title, body, data points, statistics)
- Apply brand colors via CSS variables (--brand-primary, --brand-secondary, etc.)
- Apply brand fonts
- If slide needs background image: generate or compose via image-compositor
- Render each slide via Playwright (headless Chromium → PNG, 1080x1080)
- Show first and last slide to user for approval
- Compile all slides into PDF (for LinkedIn document upload)
- Resize slides for other platforms if needed
Rules
- First slide = hook/title with brand identity
- Last slide = CTA with brand logo and contact info
- Max text per slide: 40 words (LinkedIn) | 25 words (Instagram)
- All slides use brand fonts and colors from brand-config.json
- Slide dimensions: 1080x1080 default (configurable per brand)
Scripts Used
- render_carousel.py — Playwright HTML→PNG rendering
Timeout & Fallback
- Per-slide render: 15-second timeout. If Playwright hangs, retry without custom fonts.
- Full carousel: 3-minute timeout for 10 slides.
- If Playwright unavailable: flag for manual rendering, save populated HTML for export.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.