Repolode
Submit
guilhermealvestech

guilhermealvestech/carrossel-skill

A Claude Code and Codex skill that builds branded Instagram-style carousels, from script to 2x PNG exports with a gallery, slider and version comparison.

Open-source alternative to:Canva

View on GitHub
Stars
116
Forks
16
Open issues
0
Last commit
6 days ago

What is it?

carrossel is a skill for Claude Code and Codex that produces social media carousels in a consistent brand style. It works in stages: the AI drafts the copy slide by slide, waits for approval, and only then creates the visuals. Approved pieces become references for later carousels, so the look stays consistent across a series.

Each slide is exported as editable HTML, a 1080×1350 PNG and a 2160×2700 PNG. The output includes a gallery of all pieces and versions, a slider for previewing and downloading, and a side-by-side comparison view. Brand setup works from an existing site, logo and posts, or from scratch with a few questions and a choice of directions.

Rejections and approvals are saved to a GOSTO.md file that the skill reads before each new piece. The project requires Node 18+ and installs Playwright with Chromium for rendering.

Key features

  • 01Drafts copy slide by slide and waits for approval before designing.
  • 02Exports each slide as editable HTML plus 1080×1350 and 2160×2700 PNGs.
  • 03Provides a gallery, slider and side-by-side version comparison.
  • 04Builds brand identity from an existing site or from scratch.
  • 05Saves approval and rejection preferences to GOSTO.md for future pieces.

Use cases

  • Creating a series of Instagram carousels that match an existing brand.
  • Turning a product launch or topic into a multi-slide post with a ready caption.
  • Setting up a new brand's visual identity through guided questions before producing content.

Quick start

  1. 1

    Clone the repository

    git clone https://github.com/guilhermealvestech/carrossel-skill
  2. 2

    Copy the skill into Claude Code's skills folder

    cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel
  3. 3

    Install Node dependencies for the skill

    npm install --prefix ~/.claude/skills/carrossel
  4. 4

    Install the Chromium browser for Playwright

    npx --prefix ~/.claude/skills/carrossel playwright install chromium

Things to know

  • Requires Node 18 or newer and a Playwright Chromium install.
  • Designed for Claude Code or Codex; it is not a standalone app.

In collections

Claude Code tools, skills & pluginsAI coding assistants & agentsAI image generators & Stable Diffusion tools

Topics

#claude-code#codex#carousel#instagram#image-generation#playwright#brand-design#social-media

FAQ

What is carrossel-skill?
A Claude Code and Codex skill that builds branded Instagram-style carousels, from script to 2x PNG exports with a gallery, slider and version comparison. carrossel is a skill for Claude Code and Codex that produces social media carousels in a consistent brand style. It works in stages: the AI drafts the copy slide by slide, waits for approval, and only then creates the visuals. Approved pieces become references for later carousels, so the look stays consistent across a series.
Is carrossel-skill free to use? What license does it have?
carrossel-skill is open source under the MIT license. Check the license terms before using it in commercial products.
Is carrossel-skill still maintained?
Actively maintained. The last commit to carrossel-skill was on Nov 1, 2026.
What can I use carrossel-skill for?
Creating a series of Instagram carousels that match an existing brand. Turning a product launch or topic into a multi-slide post with a ready caption. Setting up a new brand's visual identity through guided questions before producing content.
How do I install carrossel-skill?
Clone the repository: git clone https://github.com/guilhermealvestech/carrossel-skill Copy the skill into Claude Code's skills folder: cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel Install Node dependencies for the skill: npm install --prefix ~/.claude/skills/carrossel Install the Chromium browser for Playwright: npx --prefix ~/.claude/skills/carrossel playwright install chromium
Where can I get carrossel-skill?
The source code and installation instructions are on GitHub: https://github.com/guilhermealvestech/carrossel-skill

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects