skills.rest
azamat1ch
azamat1chCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/azamat1ch/frontend-carousel --skill frontend-carousel
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
hoanghd218hoanghd218
7

brand-guidelines

Apply Anthropic brand colors, typography, and layout rules to documents and slides.

Community
Intermediate
yangliu2060yangliu2060
39

viral-post-creator

Generate social media post variants and visuals via MCP services.

Community
Intermediate
Exocore-OrganizationExocore-Organization
5

content-machine

Generate social media posts, newsletters, and marketing copy across platforms.

Official
Advanced
X-School-AcademyX-School-Academy
19

media-image-to-video

Generate an animated video from a static PNG or JPEG image using a prompt.

Official
Basic