frontend-carousel

Automates LinkedIn carousel PDF creation via Playwright-rendered HTML/CSS slides.

5|Updated Mar 3, 2026

Search Tags:#design #pdf #playwright #linkedin #brand #carousel

Ready to run

npx skills add https://github.com/azamat1ch/frontend-carousel --skill frontend-carousel

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-carousel
Source: https://github.com/azamat1ch/frontend-carousel/tree/main
Command: npx skills add https://github.com/azamat1ch/frontend-carousel --skill frontend-carousel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Carousels are time-consuming to design and render; this skill automates the entire pipeline from content input to a polished PDF, ensuring brand consistency and production-ready output.

Core Features & Use Cases

Brand onboarding to capture colors, typography, and layout concepts for consistent carousels.
Content structuring and slide planning to convert topics into a coherent narrative.
HTML/CSS slide generation with fixed 1080x1080 slides and Playwright-based rendering to PDF.
Output ready-to-upload PDFs for LinkedIn or document drafts.

Quick Start

Describe your topic or paste your draft and run the Claude Code command to generate a ready-to-upload LinkedIn carousel PDF.

Frequently Asked Questions about frontend-carousel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate LinkedIn carousel PDF generation from existing content?▼

Automating LinkedIn carousel PDF generation involves structuring your content into slides, applying brand styling, and rendering HTML/CSS to PDF. This skill handles the end-to-end pipeline, converting raw drafts into upload-ready PDFs.

Do I need Playwright to render 1080x1080 slides into a carousel PDF?▼

Yes, Playwright is required to render the fixed 1080x1080 HTML/CSS slides and convert them into a production-ready PDF. It acts as the headless browser engine for generating the final document output.

What is the best way to ensure brand consistency across LinkedIn carousels?▼

Ensuring brand consistency for LinkedIn carousels requires a brand onboarding workflow to capture colors, typography, and layout concepts. This ensures every generated slide adheres to predefined visual guidelines automatically.

Can I convert a raw text draft directly into a structured LinkedIn carousel?▼

Yes, you can paste a raw text draft or describe a topic to convert it into a structured carousel. The skill plans the narrative flow and generates HTML/CSS slides before rendering them to a PDF.

Are there limitations when generating carousel PDFs with fixed 1080x1080 dimensions?▼

The fixed 1080x1080 dimension is optimized for LinkedIn's native square format. Limitations arise if you need alternative aspect ratios, as the rendering pipeline is specifically configured for this square slide size.