Agent skill · Code Review & Quality

create-html-carousel

Create LinkedIn carousel posts as high-quality PNG images. Design informational multi-slide posts like "5 AI GTM workflows" with consistent styling, then automatically screenshot each slide at LinkedIn's optimal 1080x1080px format.

gooseworks-aigithub.com/gooseworks-aiGitHub ↗
claude-codecodexcursorships scriptsMIT
Install
npx skills add gooseworks-ai/goose-skills --skill create-html-carousel --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 6
SKILL.md size: 18 KB
Bundled scripts: yes
Path: skills/design/capabilities/create-html-carousel/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 1,091
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

> **Deprecated:** This skill is superseded by `goose-graphics`. See `skills/composites/goose-graphics/` (install with `npx goose-skills install goose-graphics`). The carousel format is one of seven formats in the newer skill and supports 36 style presets plus image sourcing and PNG export. This skill is retained for one release cycle before removal. # LinkedIn Carousel Creator Create stunning LinkedIn carousel posts as PNG images. This skill generates styled HTML slides optimized for square format (1080×1080px), then automatically screenshots each slide for direct upload to LinkedIn. ## Core Philosophy 1. **LinkedIn-First Design** — Square format (1080×1080px), optimized for mobile feed viewing 2. **Informational Content** — Tips, workflows, lists, frameworks (not presentations) 3. **Consistent Styling** — Reuse proven design systems from frontend-slides 4. **Automated Export** — Generate HTML → Screenshot → PNG files ready for LinkedIn 5. **Viewport Perfect** — Every slide must fit exactly in 1080×1080px without scrolling --- ## LinkedIn Carousel Specs **Format:** Square (1080×1080px) - **Aspect ratio:** 1:1 - **File format:** PNG (recommended) or JPG - **File size:** Under 10MB p

What's inside
Steps it walks through
  1. Core Philosophy
  2. LinkedIn Carousel Specs
  3. When to Use This Skill
  4. Workflow Overview
  5. Phase 1: Content Discovery
  6. Step 1.1: Get Topic & Structure
  7. Content Density Rules for LinkedIn
  8. Phase 2: Style Selection
  9. Option A: Direct Selection (Faster)
  10. Option B: Guided Discovery
  11. Phase 3: Generate HTML Carousel
  12. File Structure
  13. HTML Architecture for 1080×1080px
  14. Content Slide Templates
Ships with 5 files
  • README.md
  • STYLE_PRESETS.md
  • package.json
  • screenshot-slides.js
  • skill.meta.json
Commands it runs
cd /path/to/skills/create-html-carousel
npm install
node screenshot-slides.js carousel-name
More from goose-skills
All skills →
About this skill
What does the create-html-carousel skill do?

Create LinkedIn carousel posts as high-quality PNG images. Design informational multi-slide posts like "5 AI GTM workflows" with consistent styling, then automatically screenshot each slide at LinkedIn's optimal 1080x1080px format.

How do I install it?

Run `npx skills add gooseworks-ai/goose-skills --skill create-html-carousel --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From gooseworks-ai/goose-skills, a repository with 1,091 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going