Run any Skill in Manus with one click

Get Started

render-carousels

Stars16

Forks3

UpdatedMay 8, 2026 at 19:16

Render multi-slide carousels from HTML templates via Playwright. Use when: producing carousel posts.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

indranilbanerjee

indranilbanerjee/socialforge

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	render-carousels
description	Render multi-slide carousels from HTML templates via Playwright. Use when: producing carousel posts.
argument-hint	[--post <id>] [--all] [--template <type>]
effort	high
user-invocable	true

/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.

More from this repository

same repository

c2pa-sign

indranilbanerjee/socialforge

Embed C2PA (Content Authenticity Initiative) provenance manifests into SocialForge AI-generated assets — images, video, audio. Use when: preparing AI-generated social posts for EU markets to comply with EU AI Act Article 50 (applicable 2 Aug 2026); making AI generation disclosure machine-readable; signing already-generated assets retroactively; auto-signing newly generated assets when c2pa_auto_sign is enabled in brand profile.

2026-06-0316

adapt-copy

indranilbanerjee/socialforge

Adapt post copy per platform — character limits, hashtags, CTAs, tone, and compliance checking.

2026-05-2616

brand-manager

indranilbanerjee/socialforge

Set up and manage brand profiles. Use when: configuring a new brand, updating brand config, or switching brands.

2026-05-2616

compose-creative

indranilbanerjee/socialforge

Core creative engine. Generates images and video using 4 modes with brand assets, AI compositing, and platform resizing.

2026-05-2616

full-pipeline

indranilbanerjee/socialforge

Run the complete end-to-end production pipeline — parse, match, compose, copy, preview, review, finalize.

2026-05-2616

generate-video

indranilbanerjee/socialforge

Generate short-form video clips via a 5-stage human-in-the-loop pipeline: concept, keyframes, video generation, and delivery.

2026-05-2616

name	render-carousels
description	Render multi-slide carousels from HTML templates via Playwright. Use when: producing carousel posts.
argument-hint	[--post <id>] [--all] [--template <type>]
effort	high
user-invocable	true

/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.