Repolode
Enviar
guilhermealvestech

guilhermealvestech/carrossel-skill

Uma skill para Claude Code e Codex que cria carrosséis no estilo do Instagram com a identidade da marca, do roteiro às exportações PNG em 2x, com galeria, slider e comparação de versões.

Alternativa open source a:Canva

Ver no GitHub
Estrelas
116
Forks
16
Issues abertas
0
Último commit
há 6 dias

O que é?

carrossel é uma skill para Claude Code e Codex que cria carrosséis para redes sociais com um estilo de marca consistente. O trabalho acontece em etapas: a IA prepara o texto slide a slide, aguarda a aprovação e só então cria os visuais. As peças aprovadas servem de referência para os próximos carrosséis, mantendo a consistência visual de toda a série.

Cada slide é exportado como HTML editável, PNG de 1080×1350 e PNG de 2160×2700. A saída inclui uma galeria com todas as peças e versões, um slider para visualizar e baixar os arquivos e uma tela de comparação lado a lado. A configuração da marca pode partir de um site, logo e posts existentes ou começar do zero, com algumas perguntas e a escolha entre diferentes direções visuais.

As aprovações e rejeições são salvas em um arquivo GOSTO.md, que a skill consulta antes de cada nova peça. O projeto requer Node 18+ e instala o Playwright com Chromium para renderização.

Recursos principais

  • 01Prepara o texto slide a slide e aguarda aprovação antes de criar o design.
  • 02Exporta cada slide como HTML editável e como PNGs de 1080×1350 e 2160×2700.
  • 03Oferece uma galeria, um slider e comparação de versões lado a lado.
  • 04Cria a identidade da marca a partir de um site existente ou do zero.
  • 05Salva as preferências de aprovação e rejeição em GOSTO.md para as próximas peças.

Casos de uso

  • Criar uma série de carrosséis para Instagram alinhados à identidade de uma marca existente.
  • Transformar o lançamento de um produto ou um tema em um post com vários slides e legenda pronta.
  • Definir a identidade visual de uma nova marca com perguntas guiadas antes de produzir conteúdo.

Início rápido

  1. 1

    Clone o repositório

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

    Copie a skill para a pasta skills do Claude Code

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

    Instale as dependências Node da skill

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

    Instale o navegador Chromium para o Playwright

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

Antes de usar

  • Requer Node 18 ou posterior e a instalação do Chromium para o Playwright.
  • Foi desenvolvido para Claude Code ou Codex; não é um aplicativo independente.

Em coleções

Ferramentas, skills e plugins para Claude CodeAssistentes e agentes de programação com IAGeradores de imagens com IA e ferramentas de Stable Diffusion

Tópicos

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

Perguntas frequentes

O que é carrossel-skill?
Uma skill para Claude Code e Codex que cria carrosséis no estilo do Instagram com a identidade da marca, do roteiro às exportações PNG em 2x, com galeria, slider e comparação de versões. carrossel é uma skill para Claude Code e Codex que cria carrosséis para redes sociais com um estilo de marca consistente. O trabalho acontece em etapas: a IA prepara o texto slide a slide, aguarda a aprovação e só então cria os visuais. As peças aprovadas servem de referência para os próximos carrosséis, mantendo a consistência visual de toda a série.
carrossel-skill é gratuito? Qual é a licença?
carrossel-skill é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
carrossel-skill ainda é mantido?
Manutenção ativa. O último commit de carrossel-skill foi em 1 de nov. de 2026.
Para que posso usar carrossel-skill?
Criar uma série de carrosséis para Instagram alinhados à identidade de uma marca existente. Transformar o lançamento de um produto ou um tema em um post com vários slides e legenda pronta. Definir a identidade visual de uma nova marca com perguntas guiadas antes de produzir conteúdo.
Como instalar carrossel-skill?
Clone o repositório: git clone https://github.com/guilhermealvestech/carrossel-skill Copie a skill para a pasta skills do Claude Code: cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel Instale as dependências Node da skill: npm install --prefix ~/.claude/skills/carrossel Instale o navegador Chromium para o Playwright: npx --prefix ~/.claude/skills/carrossel playwright install chromium
Onde consigo carrossel-skill?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/guilhermealvestech/carrossel-skill

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados