/carrossel skill
A Claude Code and Codex skill that takes a social carousel from script to 2x PNG in your brand style, with a gallery.
- 134 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Installation adds npm packages and the Chromium browser, and the skill writes files into the project folder and runs rendering.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/carrosselDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Installation adds npm packages and the Chromium browser, and the skill writes files into the project folder and runs rendering.
This is third-party code. Review the repository files before installing.
What it does
/carrossel is a Claude Code and Codex skill that takes a social carousel from script to a double-resolution PNG. The agent first proposes slide-by-slide copy and starts drawing only after you approve. Every approved piece lands in a gallery and serves as reference for the next, and a render check inspects slides before delivery. The agent takes the brand from a site, logo and posts, or builds one from scratch out of two or three directions. It makes a custom image series by image generation from an approved anchor. Each slide comes as editable HTML, a 1080×1350 PNG and a 2160×2700 PNG, with a slider offering captions, version compare and download. Rejections and approvals accumulate in a `GOSTO.md` taste file that the skill reads before each new piece.
Who it is for. Social media managers, designers and brand owners who publish carousels in series and want one style without manual layout.
Good fit when
- A carousel series ships weekly and the style must not drift between posts.
- A brand exists on its site and in posts, and a guide must be built from them.
- There is no brand yet and it is developed from scratch out of two or three directions.
- A client compares two versions of one carousel side by side.
Not a fit when
- You need animation or video: the skill outputs static slides.
- Node.js 18 and the Chromium browser for Playwright cannot be installed.
- You want a result with no human in the loop: the skill waits for script approval before drawing.
Example request
Make a seven-slide carousel about answering the "too expensive" objection, and show the slide-by-slide script first.Limitations
Node 18 or newer is required, and installation pulls npm dependencies and the Chromium browser for Playwright. The README and example are in Portuguese. The agent makes the brand image series through image generation, and its capabilities depend on your environment. The skill creates a `carrosseis/` folder in the project and accumulates the brand, gallery and taste file there, so results are tied to the project. The script is approved by a human before drawing, and a fully automatic mode is not claimed.
How to disable. Delete the `carrossel` folder from `~/.claude/skills` or `~/.codex/skills`. Delete the `carrosseis/` folder with brand, gallery and taste file in the project separately.
FAQ
How do I start the skill?
Ask for a carousel in chat ("make a carousel about…") or call `/carrossel`. On first run the skill creates a `carrosseis/` folder and runs brand onboarding.
Which files are produced?
For each slide, editable HTML, a 1080×1350 PNG and a 2160×2700 PNG. Also a gallery of all pieces and a slider with captions and version compare.
What is GOSTO.md?
A project taste file: rejections and approvals accumulate in it, and the skill reads it before each new piece. The more you use it, the closer it lands.
What about the allow-scripts warning?
The README says the `allow-scripts` warning during `npm install` can be ignored.
Where is an example?
In `exemplos/oratry`: one carousel made twice, with a loose prompt and with the skill. Open `index.html` and press the side-by-side compare button.
Discussion
No questions or reviews yet.
Related
SkillsAgent skill that builds social card carousels and paired covers from an article, screenshots, notes or video in two visual systems
Canva plugin for Claude Code, Cursor and Codex: six skills for resizing, bulk creation, edits and review of designs.
Ten Claude Code skills for small business social media: brand, calendar, captions, visuals and a monthly performance review
cy-carousel turns an AI topic into a cover plus 10 carousel pages, with fact checks, open-licensed assets and layout checks.
An agent skill that builds a dense, magazine-style information card from text and returns it as HTML and PNG
The skill lays an article or case out as a 3:4 Xiaohongshu carousel from 20 templates: storyboard first, then PNG and HTML.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| /carrossel (this card) | no | 134 | |
| Guizang Social Card Skill | no | 8,080 | builds social-card carousels from an article in two ready-made visual systems; here a brand guide, a reference gallery and an accumulated project taste |
| Frontend Slides | no | 32,267 | makes HTML presentations with style picking by previews; here a social slide series with 2x PNG output |
README in short
The README explains why a process beats a single prompt: script before visuals, the gallery as reference, custom images, render checks and accumulated taste. Installation, folder structure and an example follow.