기술 파라 클로드 코드 e 코덱 que cria carrosséis com cara da sua marca: roteiro ao PNG em 2x, com galeria, 슬라이더, comparação de versões e legenda pronta.

Por que não é “só um 프롬프트”

O que deixa um carrossel bom não é o 신속한, é o processo :

1.Roteiro antes는 시각을 합니다. A IA propõe 복사 슬라이드 e só desenha depois do seu ok. 2. ** 아르헨티나 é a referência.** Cada peça aprovada vira referência para a próxima, então o estilo se mantém., 이탈리아 3. 자 próprios. Uma série de imagens no estilo da marca, gerada com 이미지 gen a partir de uma âncora aprovada. 4. Checagem 시각. Cada 슬라이드 é nderizado e conferido antes de chegar em você. 5. **Gosto acumulado. ** Toda recusa ou aprovação vai para um GOSTO.md], 기술 lê antes de cada peça 수 있습니다. Quanto mais você 미국, mais ela acerta.

Funciona 파라

• ** Marca que já가 존재합니다. ** 기술 lê seu 사이트, 로고 e post e monta o 매뉴얼 partir deles. -Marca do Zero: faz algumas perguntas, propõe 2 ou 3 direções e monta a identidade com você.

O que você 리셀베

인포메이션 |—||| 인포메이션 |Galeria com todas as peças e versões |Slider com legenda, comparação e 다운로드 em alta |

/carrossel

Skill para Claude Code e Codex que cria carrosséis com a cara da sua marca: do roteiro ao PNG em 2x, com galeria, slider, comparação de versões e legenda pronta.

Por que não é “só um prompt”

O que deixa um carrossel bom não é o prompt, é o processo:

1. Roteiro antes do visual. A IA propõe a copy slide a slide e só desenha depois do seu ok.
2. A galeria é a referência. Cada peça aprovada vira referência para a próxima, então o estilo se mantém.
3. Assets próprios. Uma série de imagens no estilo da marca, gerada com image gen a partir de uma âncora aprovada.
4. Checagem visual. Cada slide é renderizado e conferido antes de chegar em você.
5. Gosto acumulado. Toda recusa ou aprovação vai para um GOSTO.md, que a skill lê antes de cada peça. Quanto mais você usa, mais ela acerta.

Funciona para

• Marca que já existe: a skill lê seu site, logo e posts e monta o manual a partir deles.
• Marca do zero: faz algumas perguntas, propõe 2 ou 3 direções e monta a identidade com você.

O que você recebe

Cada slide sai em HTML editável, PNG 1080×1350 e PNG 2160×2700.

Vídeo de 24s: docs/motion/lancamento.mp4

Instalação

Requer Node 18+.

git clone https://github.com/guilhermealvestech/carrossel-skill
cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel   # Claude Code
cp -r carrossel-skill/skills/carrossel ~/.codex/skills/carrossel    # Codex
npm install --prefix ~/.claude/skills/carrossel
npx --prefix ~/.claude/skills/carrossel playwright install chromium

Se o npm install mostrar um aviso de allow-scripts, pode ignorar.

Depois, no seu projeto: peça um carrossel (“faz um carrossel sobre …”) ou rode /carrossel. Na primeira vez a skill monta a pasta carrosseis/ e faz o onboarding da marca.

Estrutura

skills/carrossel/
  SKILL.md                 o workflow
  references/              onboarding, roteiro, visual, image gen, entrega
  scripts/                 render 2x, slider, galeria, setup
  templates/               projeto inicial e slide base
exemplos/oratry/           exemplo real: o mesmo carrossel sem e com a skill

Exemplo

exemplos/oratry é um caso real: o carrossel “Cliente disse Tá caro?” da Oratry, feito duas vezes. A v1 saiu de um prompt solto; a v2, com a skill. Abra exemplos/oratry/index.html e use Comparar lado a lado.

Licença

MIT