
Parei de Abrir o Canva: Carrosséis no Claude com o Conector CarrosselIA
Crie carrosséis de Instagram no Claude com o conector CarrosselIA: passo a passo, prompts, custos e avisos. Alternativa: monte o seu time.
O que é
Parei de Abrir o Canva: Carrosséis no Claude com o Conector CarrosselIA
Neste tutorial você cria carrosséis de Instagram dentro do Claude, sem abrir o Canva, seguindo o fluxo mostrado no vídeo: conectar o CarrosselIA ao Claude por um conector personalizado, pedir o carrossel do seu nicho com detalhes e baixar as lâminas.
O CarrosselIA é uma ferramenta de terceiros. Por isso a página é honesta sobre o que conseguimos confirmar em 01/10/2026: o site e os planos existem, mas o endereço do conector mostrado no vídeo respondeu 404 e a tela da chave não é pública. Você leva os passos, seis prompts prontos, o controle de créditos e um plano B.
O caminho B ensina a montar o seu próprio time no Claude Code, com uma skill de carrossel, a regra da sua marca e exportação em PNG, caso você prefira não depender de serviço externo.
Carrossel dentro do Claude
Peça o carrossel do seu nicho em uma conversa, responda às perguntas do Claude e aprove o roteiro antes das imagens.
Conector personalizado
Passo a passo para adicionar o CarrosselIA em Conectores, com os avisos sobre URL e chave que não foram verificados.
Controle de créditos
Imagem e refazer imagem custam crédito, texto é grátis. Prompts para validar o texto antes de gastar.
Seis prompts prontos
Pedido detalhado, respostas, roteiro, economia de créditos, ajuste fino e legenda.
Caminho B: seu próprio time
Skill social-carousel-design, regra da marca e exportação em PNG 4:5 no Claude Code, sem ferramenta de terceiros.
Nível: iniciante (sem terminal no caminho A) · Tempo estimado: ~30 min na primeira vez, já criando a conta. O tempo de geração varia com a fila e com as imagens: não prometemos um número.
Leia antes: o CarrosselIA é uma ferramenta de terceiros, não é do João. O fluxo do vídeo (conector personalizado com chave) não foi reproduzido por nós: em 01/10/2026 o endereço do conector mostrado no vídeo, https://carrosselia.com.br/api/mcp/, respondeu 404, e a tela "Conectar ao Claude > Gerar minha chave" não aparece no site público. Pode estar atrás de login, ter mudado ou ter sido removida. Siga os passos como o vídeo mostra, confira a URL e a chave dentro da sua conta e, se não funcionar, use o gerador web do próprio CarrosselIA ou o caminho B desta página.
Esta página tem dois caminhos. Caminho A: o do vídeo, com o conector CarrosselIA no Claude. Caminho B: montar o seu próprio time no Claude Code com uma skill de carrossel, a regra da sua marca e exportação em PNG, sem depender de serviço de terceiros. Os prompts dos dois estão aqui.
Caminho A: carrossel com o conector CarrosselIA
Pré-requisitos
- Claude no navegador ou no app desktop, com plano que aceite conector personalizado. O plano Free aceita 1 conector personalizado (documentação da Anthropic)
- Conta no CarrosselIA (carrosselia.com.br). Em 01/10/2026 havia plano grátis (20 créditos, 1 carrossel completo sem criar conta) e planos pagos a partir de R$ 147 por mês. Não sabemos se o conector exige plano pago
- Sua marca: nicho, @ do perfil, cor, tom de voz e, se tiver, fotos
- Um lugar seguro para guardar a chave de acesso (gerenciador de senhas)
Conceitos-chave
- 01
Conector personalizado
É uma ligação do Claude com um serviço externo por uma URL. O Claude passa a chamar as ferramentas do serviço durante a conversa, em vez de você copiar e colar entre abas.
- 02
Chave de acesso
Um código que autoriza o Claude a usar a sua conta no CarrosselIA. Trate como senha: quem tem a chave gasta os seus créditos.
- 03
Créditos
No site, cada imagem custa 1 crédito e refazer uma imagem também. Mexer no texto é de graça. Um carrossel completo consome 7 créditos, segundo os planos publicados em 01/10/2026.
- 04
Detalhar bem o pedido
O carrossel só sai com a sua cara se você disser nicho, público, tema, capa e @. Quanto mais específico, menos genérico.
Passo a passo
- 01
Crie a conta e o perfil no CarrosselIA
Acesse o site, crie a conta e preencha o perfil: nicho, voz, cor, estilo de imagem e @. Essa parte funciona no site público.
https://carrosselia.com.br - 02
Procure a opção de conectar ao Claude
No vídeo, dentro do CarrosselIA aparece a opção Conectar ao Claude e depois Gerar minha chave. Não conseguimos ver essa tela pelo site público; ela pode estar na área logada. Se não achar, escreva para o suporte do CarrosselIA perguntando pela URL atual do conector e como gerar a chave.
- 03
Guarde a chave com segurança
Copie a chave para o gerenciador de senhas. Nunca poste em print, vídeo, repositório ou conversa de suporte. Se vazar, gere outra e revogue a antiga, se o serviço permitir.
- 04
Abra os conectores no Claude
No Claude, vá em Configurações, depois Conectores. No app em português o caminho também aparece como Personalizar > Conectores. Clique em Adicionar conector personalizado.
Personalizar > Conectores > Adicionar conector personalizado - 05
Preencha nome e URL
Use o nome CarrosselIA e a URL que o vídeo mostra. Atenção: em 01/10/2026 essa URL respondeu 404. Confirme a atual dentro da sua conta antes de colar.
https://carrosselia.com.br/api/mcp/ - 06
Cole a chave e adicione
Cole a chave onde o Claude pedir (no vídeo, ao adicionar o conector) e clique em Adicionar. Onde exatamente a chave entra (campo ou cabeçalho) não foi verificado: siga o que o CarrosselIA indicar na sua conta.
- 07
Ligue o conector na conversa
Abra uma conversa nova e confirme que o conector CarrosselIA está ativo nela.
- 08
Peça o carrossel e detalhe bem
Use o primeiro prompt abaixo. O Claude deve perguntar o template, o tema, a capa e o @, como no vídeo. Responda com o segundo prompt.
- 09
Aprove o roteiro antes das imagens
Peça o roteiro card a card e só autorize as imagens depois do seu ok. Isso evita gastar crédito em texto errado.
- 10
Baixe e ajuste
Abra o carrossel no CarrosselIA e baixe as lâminas (baixar todas ou uma por uma). Ajuste o texto, que é grátis, e refaça só a imagem que precisa.
Segredo: a chave de acesso funciona como senha. Se aparecer em vídeo, print ou repositório, qualquer pessoa pode gastar os seus créditos. Também leia os termos do CarrosselIA: marca e fotos que você envia ficam na conta dele.
Prompts prontos (caminho A)
O primeiro é o pedido que o vídeo mostra: "cria um carrossel do nicho e detalha bem". Troque o que está entre colchetes em caixa-alta.
Prompt: pedir o carrossel detalhado (o do vídeo)
Use o conector CarrosselIA para criar um carrossel de Instagram. Nicho: [NICHO]. Para quem: [PÚBLICO]. Tema: [TEMA]. Meu @: [@PERFIL]. Capa: título de até 7 palavras que gere curiosidade, com o tema em destaque. Quantidade: [7] lâminas. Objetivo do carrossel: [atrair seguidores / gerar confiança / vender]. Antes de gerar, me faça as perguntas que faltam (template, estilo de imagem, tom, CTA) e espere minhas respostas.
Prompt: responder às perguntas do Claude
Template/estilo: [ex.: minimalista claro]. Estilo de imagem: [foto criada pela IA / fundo escuro econômico]. Tom: [direto e acolhedor]. Cor da marca: [#HEX]. Nunca use: [palavras ou promessas proibidas]. CTA final: [ex.: Salva este post e me chama no direct].
Prompt: aprovar ou corrigir o roteiro dos cards
Mostre o roteiro card a card (título + apoio) antes de gerar as imagens. Regras: um conceito por card, título curto, nada de promessa de resultado garantido. Vou responder "ok" ou apontar o card a mudar.
Prompt: economizar créditos
Gere com fundo escuro/estilo econômico (sem foto criada pela IA) para eu validar o texto. Só depois da minha aprovação gere as imagens finais do estilo [ESTILO]. Me diga quantos créditos cada etapa vai consumir antes de executar.
Prompt: ajuste fino de um card
Mude só o card [NÚMERO]: [O QUE MUDAR]. Mantenha os outros cards. Se for só texto, não refaça a imagem (refazer imagem custa crédito).
Prompt: legenda e hashtags
Escreva a legenda desse carrossel no meu tom, com gancho na primeira linha, CTA no fim e 3 hashtags do nicho. Sem emoji. Máximo de 5 linhas.
Alternativa no Claude Code (não verificada)
Se você usa o Claude Code, o formato geral de conector HTTP com chave é o abaixo (documentação do Claude Code). O formato do cabeçalho de autenticação do CarrosselIA não foi confirmado: use só se o serviço indicar na sua conta e troque a chave pelo seu valor.
claude mcp add --transport http carrosselia https://carrosselia.com.br/api/mcp/ --header "Authorization: Bearer SUA_CHAVE"Erros comuns (caminho A)
- 404 ou "não consegui conectar": a URL do vídeo respondeu 404 em 01/10/2026. Confirme a URL atual na sua conta do CarrosselIA ou use o gerador web.
- Conector adicionado, mas o Claude não usa as ferramentas: ligue o conector na conversa e, se preciso, gere uma chave nova.
- Chave vazou (print, vídeo, repositório): revogue e gere outra, se o serviço permitir. Não sabemos se há tela de revogação.
- O plano Free do Claude só aceita 1 conector personalizado: remova outro ou assine um plano maior.
- Acabaram os créditos: imagem e refazer imagem custam 1 crédito; texto é grátis. Use o estilo econômico para validar antes.
- Carrossel genérico: o perfil da marca está vago ou o pedido não tem detalhes. Use os dois primeiros prompts.
- Esperar "menos de um minuto": o tempo depende de imagens e fila e não foi verificado. Não conte com um prazo.
- Quer a sua fonte e a sua cor exatas: o CarrosselIA oferece cores e estilos predefinidos e não confirmamos fonte própria. Para controle total, use o caminho B.
Checklist final do caminho A
- Conta no CarrosselIA criada e perfil preenchido
- Chave guardada em local seguro, nunca em prints
- Conector adicionado e ligado na conversa, ou plano B (gerador web ou caminho B) escolhido
- Pedido detalhado enviado e perguntas do Claude respondidas
- Roteiro aprovado antes das imagens
- Lâminas baixadas e conferidas (nome, @, cor)
- Legenda e hashtags revisadas
Caminho B: faça com o seu próprio time (opcional)
Se não quer depender de uma ferramenta de terceiros, monte o resultado no Claude Code com a skill social-carousel-design, a regra da sua marca num arquivo e um script de exportação em PNG. É um método reprodutível, não o processo exato de nenhum criador. Para entender o conceito, o segredo não é a IA: é a regra da marca que ela segue. Sem regra escrita, sai genérico.
Caminho B: pré-requisitos
- Claude Code instalado e logado, com plano Claude Pro, Max, Team ou Enterprise (ou conta Console). Veja a documentação oficial: https://code.claude.com/docs/en/quickstart
- Node.js 20 ou mais novo (só para exportar os slides em PNG)
- Sua marca definida: cores em hex, fontes, tom de voz, @ do perfil e logo. Se ainda não tem, comece pelo tutorial de design system (link em Próximos passos)
- Terminal aberto (macOS, Linux, WSL ou Windows PowerShell)
- Opcional: o pack público joaoguirunas/team-os, que traz os três agentes de social media usados no último prompt
Caminho B: conceitos-chave
- 01
Regra da marca (marca.md)
Um arquivo de texto com cores, fontes, tom e o que você nunca faz. É o ativo principal: sem regra escrita, o Claude escolhe por conta própria e sai genérico.
- 02
Skill social-carousel-design
Um guia que o Claude lê antes de montar o carrossel: slide 1 é o gancho, um conceito por slide, último slide é o CTA. Define headline de até 7 palavras, corpo de até 3 linhas, contraste mínimo 4.5:1 e fonte de no mínimo 24px. Ela não gera imagem sozinha: ela orienta.
- 03
Time de 3 especialistas
No pack do team-os, social-content (LYRIS) escreve o roteiro, social-design (AEON) desenha e social-strategist (VERA) revisa sem criar nada. Você pode usar um, dois ou os três.
- 04
Slide = HTML, PNG = export
Cada slide vira uma seção HTML de 1080x1350 (formato 4:5 do Instagram). Um script com Playwright tira a foto de cada seção e salva os PNGs prontos para postar.
Caminho B: passo a passo
- 01
Instale o Claude Code e confira
Escolha o comando do seu sistema (macOS/Linux/WSL no primeiro, Windows PowerShell no segundo; Homebrew e WinGet também funcionam: brew install --cask claude-code ou winget install Anthropic.ClaudeCode). Depois confira a versão.
curl -fsSL https://claude.ai/install.sh | bash # Windows (PowerShell): # irm https://claude.ai/install.ps1 | iex claude --version - 02
Crie a pasta do projeto e abra o Claude
Uma pasta só para os carrosséis mantém a marca e os arquivos juntos. No primeiro uso, faça login com /login.
mkdir meu-carrossel && cd meu-carrossel && claude - 03
Instale a skill e os agentes do pack
Baixe do repositório público os quatro arquivos abaixo e salve cada um no mesmo caminho dentro do seu projeto (ou em ~/.claude/ para valer em todos os projetos). A skill é a social-carousel-design; os agentes são opcionais. Depois feche e reabra o claude para ele enxergar os arquivos.
git clone https://github.com/joaoguirunas/team-os.git mkdir -p .claude/skills/social-carousel-design .claude/agents cp team-os/.claude/skills/social-carousel-design/SKILL.md .claude/skills/social-carousel-design/ cp team-os/.claude/agents/social-content.md team-os/.claude/agents/social-design.md team-os/.claude/agents/social-strategist.md .claude/agents/ - 04
Escreva a regra da marca
Cole o prompt "escrever a regra da marca" no Claude. Ele faz as perguntas uma por vez e salva o marca.md na raiz do projeto. Leia o arquivo no fim e corrija o que estiver vago: hex exato, nome exato da fonte.
ls marca.md - 05
Peça o carrossel e aprove o roteiro
Cole o prompt "pedir o carrossel completo" trocando tema, público e @. O prompt manda o Claude entregar primeiro o roteiro slide a slide e esperar o seu OK. Só depois ele desenha o carrossel.html.
- 06
Revise antes de exportar
Cole o prompt "revisar como editor". Ele confere headline, linhas de corpo, contraste, tamanho de fonte, numeração e consistência com a marca, e devolve uma tabela de problemas.
- 07
Exporte os PNGs
Cole o prompt "exportar os slides para PNG". O Claude cria e roda o script de export. Se preferir fazer na mão, instale e rode como abaixo. O script tira um print de cada elemento .slide.
npm i playwright npx playwright install chromium node export-slides.mjs carrossel.html - 08
Confira os PNGs e poste
Abra slide-01.png até o último. Confira a dimensão (1080x1350), a fonte, se a capa funciona sozinha e se o último slide tem CTA. Ajuste um slide por vez com o prompt "ajustar só um slide".
file slide-*.png
Pontos que não foram confirmados: o método de exportar HTML para PNG com Playwright foi testado e funciona, mas é um jeito de fazer, não necessariamente o processo exato usado nos carrosséis do João. O agente social-design do pack declara o Google Stitch (MCP) como ferramenta; a instalação do Stitch não foi testada aqui, então ela não faz parte do passo a passo. O tempo de cada etapa varia com o seu pedido: não espere um número fixo.
Script de export (para colar direto)
import { chromium } from 'playwright';
import { pathToFileURL } from 'node:url';
import path from 'node:path';
const file = path.resolve(process.argv[2]);
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1080, height: 1350 } });
await page.goto(pathToFileURL(file).href);
const slides = page.locator('.slide');
const n = await slides.count();
for (let i = 0; i < n; i++) {
await slides.nth(i).screenshot({ path: `slide-${String(i + 1).padStart(2, '0')}.png` });
}
await browser.close();
console.log(`${n} slides exportados`);Caminho B: prompts prontos
Troque só o que está entre colchetes em caixa-alta. O primeiro prompt abaixo é o pedido do post: o comando para montar o carrossel seguindo a sua marca.
Prompt: pedir o carrossel completo e detalhado (o do post)
Use a skill social-carousel-design e siga a marca.md. Crie um carrossel de 8 slides, formato 1080x1350. Tema: [TEMA, ex.: 3 erros que fazem seu anúncio não vender] Para quem: [PÚBLICO, ex.: gestor de tráfego iniciante] Tipo: educativo (um erro por slide, com solução) Capa: headline de no máximo 7 palavras que funcione sozinha como post; use meu @ [@SEUPERFIL]. Último slide: CTA "[CTA, ex.: salve para consultar depois]". Entregue o roteiro slide a slide primeiro (headline + até 3 linhas de corpo por slide) e espere meu OK antes de desenhar. Depois gere um único arquivo carrossel.html com uma <section class="slide"> de 1080x1350 por slide, na minha fonte e na minha cor, com numeração N/8 e logo na posição fixa.
Prompt: escrever a regra da marca (marca.md)
Crie o arquivo marca.md na raiz do projeto com a regra da minha marca para carrosséis. Faça as perguntas que faltarem, uma por vez, antes de escrever. Campos: nome e @ do perfil; público; tom de voz (3 adjetivos + 3 palavras que NUNCA uso); paleta (fundo, texto, destaque, em hex); fonte de título e de corpo (nome exato, com fallback); posição fixa do logo; estilo da capa (fundo, tipo de título); estilo dos slides internos; formato 1080x1350 (4:5); numeração N/total em todo slide; CTA padrão do último slide. Termine com 5 regras de "nunca faça" (ex.: nada de gradiente roxo, nada de emoji como ícone).
Prompt: revisar como editor (sem reescrever)
Revise carrossel.html como revisor editorial. Você NÃO reescreve: só aponta. Cheque, slide a slide: headline com no máximo 7 palavras; corpo com no máximo 3 linhas; contraste de texto >= 4.5:1; fonte >= 24px; numeração N/total; logo na mesma posição; paleta e fonte iguais às da marca.md; capa funciona sozinha. Devolva uma tabela slide | problema | correção sugerida, e um veredito: APROVADO, COM RESSALVAS ou REJEITADO.
Prompt: exportar os slides para PNG
Crie export-slides.mjs com Playwright (chromium) que abre carrossel.html em viewport 1080x1350 e salva cada elemento .slide como slide-01.png, slide-02.png etc. com locator.screenshot. Instale o que faltar (npm i playwright; npx playwright install chromium), rode o script e liste os arquivos gerados com a dimensão de cada um.
Prompt: ajustar só um slide
No carrossel.html, mexa SOMENTE no slide [NÚMERO]: [O QUE MUDAR, ex.: troque o corpo por um exemplo numérico e aumente o contraste do destaque]. Não altere os outros slides. Depois reexporte só esse slide para PNG.
O último prompt abaixo depende dos três agentes do pack estarem instalados (passo 3). O fluxo com os três agentes em sequência não foi executado de ponta a ponta para esta página: trate como avançado e acompanhe cada etapa.
Prompt: usar os 3 agentes do time em sequência (avançado)
@agent-social-content escreva o roteiro do carrossel sobre [TEMA] para [PÚBLICO], slide a slide. Quando terminar, @agent-social-design desenhe os slides em HTML na minha marca.md (1080x1350). Por fim, @agent-social-strategist valide e me devolva APROVADO, COM RESSALVAS ou REJEITADO com os motivos. Não publique nada.
Caminho B: erros comuns
- Sai genérico, com cara de template: falta o marca.md ou ele está vago. Reescreva com hex, nome exato da fonte e 5 regras de "nunca faça".
- Fonte errada no PNG: a fonte não carregou na hora do export. Use @font-face com arquivo local ou garanta internet (Google Fonts) e reexporte.
- PNG com tamanho diferente de 1080x1350: o viewport do script ou o width/height da .slide estão diferentes. Confira os dois.
- Erro "browserType.launch: Executable doesn't exist": faltou rodar npx playwright install chromium.
- O Claude não acha a skill ou o agente: o arquivo está no caminho errado. Skill em .claude/skills/NOME/SKILL.md, agente em .claude/agents/NOME.md. Feche e reabra o claude depois de copiar.
- Headline gigante estoura o slide: reforce a regra de 7 palavras e rode o Prompt de revisão.
- Pedir tudo de uma vez e aprovar às cegas: sempre aprove o roteiro antes do desenho (o prompt do carrossel já força isso).
- Passar de 10 slides: a skill recomenda até 10. Confira o limite atual do Instagram direto no app antes de postar.
Checklist final do caminho B
- claude --version responde e você está logado
- marca.md existe na raiz com paleta em hex, fontes, tom, @, logo e 5 regras de nunca faça
- A skill social-carousel-design está em .claude/skills/
- Você aprovou o roteiro antes do desenho
- A revisão passou: 7 palavras, 3 linhas, contraste 4.5:1, fonte 24px, numeração N/total
- Os PNGs foram exportados em 1080x1350 e conferidos um a um
- A capa funciona sozinha e o último slide tem CTA
Próximos passos
- Ainda sem marca escrita? Faça primeiro o design system: /open-source/skills/design-system-claude-design
- Entenda como um time de agentes é montado: /open-source/squads/squad-social-media
- Instale o time inteiro com a fábrica de agentes: /open-source/skills/team-os-creator
- Conecte o Instagram ao Claude para publicar depois: /open-source/integracoes/instagram-no-claude-em-3-passos
Comece agora
Pronto para colocar Parei de Abrir o Canva: Carrosséis no Claude com o Conector CarrosselIA para rodar?
Abrir o CarrosselIAPróximo passo
Veja os outros recursos do catálogo
Dezenas de recursos entre squads, skills, apps e integrações — todos usados em produção pelo João.
Voltar ao catálogo