Skills@joaoguirunas

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.

Atenção:

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.

Dica:

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

  1. 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.

  2. 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.

  3. 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.

  4. 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

  1. 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
  2. 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.

  3. 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.

  4. 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
  5. 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/
  6. 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.

  7. 07

    Ligue o conector na conversa

    Abra uma conversa nova e confirme que o conector CarrosselIA está ativo nela.

  8. 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.

  9. 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. 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.

Atenção:

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 Code: formato geral de conector HTTP com chave
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

  1. 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.

  2. 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.

  3. 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.

  4. 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

  1. 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
  2. 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
  3. 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/
  4. 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
  5. 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.

  6. 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.

  7. 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
  8. 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
Atenção:

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)

export-slides.mjs
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.

Atenção:

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

Comece agora

Pronto para colocar Parei de Abrir o Canva: Carrosséis no Claude com o Conector CarrosselIA para rodar?

Abrir o CarrosselIA

Pró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

Formação Gestor de IA

Aprenda a montar recursos como este, do zero

Quero ser Gestor de IA

Formação Gestor de IA

Falta um passo pro checkout

Deixa seu nome e WhatsApp. Você vai direto pro pagamento e a gente te acompanha de perto na entrada.

Com DDD. Só usamos pra te acompanhar na formação.