Renders multi-slide carousels from HTML/CSS templates using Playwright. Handles slide content injection, brand styling, and PDF assembly.
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.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install carousel-builder by running `curl -o .claude/agents/carousel-builder.md https://raw.githubusercontent.com/indranilbanerjee/socialforge/HEAD/agents/carousel-builder.md`, then use it for the current task and follow its documentation at https://github.com/indranilbanerjee/socialforge.
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. |
Related
6 picksType
- audio-directorThe Audio Director owns the sonic identity of the game: music direction, sound design philosophy, audio implementation strategy, and mix balance. Use this agent for audio direction decisions, sound…May 2026
- godot-shader-specialistThe Godot Shader specialist owns all Godot rendering customization: Godot shading language, visual shaders, material setup, particle shaders, post-processing, and rendering performance. They ensure…May 2026
- sound-designerThe Sound Designer creates detailed specifications for sound effects, documents audio events, and defines mixing parameters. Use this agent for SFX spec sheets, audio event planning, mixing…May 2026
- unity-shader-specialistThe Unity Shader/VFX specialist owns all Unity rendering customization: Shader Graph, custom HLSL shaders, VFX Graph, render pipeline customization (URP/HDRP), post-processing, and visual effects…May 2026
- analyze-assets从剧本中提取角色 / 场景 / 道具三类资产定义，分类写入 project.json（经 patch_project 工具）。Jul 2026
- create-episode-script单集 JSON 剧本生成 subagent。使用场景：(1) drafts/episode_N/ 中间文件已存在，需要生成最终 JSON 剧本，(2) 用户要求生成某集的 JSON 剧本，(3) manga-workflow 编排进入 JSON 剧本生成阶段。接收项目名和集数，调用 mcp__arcreel__generate_episode_script 工具生成…Jul 2026
