instagram-carousel (Gerador de Carrosséis para Instagram)

Posts em carrossel para Instagram

Transforme um tópico, roteiro ou link em um carrossel pronto para postar no Instagram: uma capa que para o scroll, 5 a 9 slides que cada um carrega uma ideia, e uma legenda em Inglês e Hinglish. Construído para uma página de criador de software (notícias de tecnologia, atualizações de AI, dicas de engenharia para estudantes), mas funciona para qualquer tópico de tecnologia.

0. Padrões (altere se o usuário disser o contrário)

Configuração	Padrão
Handle	@decodedebangi
Tamanho	1080 × 1350 px (Instagram retrato 4:5)
Slides	6–9 (capa + conteúdo + CTA)
Estilo	o que o usuário nomear, senão Editorial
Idioma	slides em Inglês; legendas em Inglês e Hinglish
Fotos	nenhuma a menos que o usuário as forneça — nunca deixe placeholders de foto vazios em um post final

Os arquivos de estilo ficam em styles/. Leia apenas o que você está usando:

Estilo	Arquivo	Melhor para
Editorial	styles/editorial.md	explicadores, roadmaps, "como X funciona"
Sticker	styles/sticker.md	dicas divertidas, fluxos de ferramentas, "meu setup"
Dark tech-news	styles/dark-tech.md	resumos semanais, notícias de segurança, lançamentos
Minimal notebook	styles/minimal-notebook.md	anotações de estudo, conceitos para estudantes, cheat sheets
Bold pastel	styles/bold-pastel.md	opiniões polêmicas, mitos vs fatos, grandes estatísticas únicas

Cada arquivo de estilo tem tokens, componentes e regras de layout; templates/<style>.html tem um slide de capa e conteúdo funcionais para copiar.

1. Captação de informações

Comece a construir assim que tiver um tópico ou roteiro. Pergunte (uma vez, em uma mensagem) apenas pelo que está faltando e é importante: estilo, número de slides, idioma. Não pergunte por fotos — ofereça adicioná-las depois.

Verifique o formato primeiro. Um carrossel é adequado para uma ideia com sequência que vale a pena reler: etapas, um framework, um antes e depois, uma lista para printar. Se a ideia for uma afirmação única, ou precisar de movimento ou um rosto, diga isso e sugira um Reel. Construa o carrossel de qualquer forma se o usuário ainda quiser um.

2. Pesquisa e verificação de fatos (não pule)

• Usuário colou um roteiro/post: use o conteúdo deles, mas leia qualquer link que eles derem. Verifique cada número, nome e afirmação com a fonte antes de colocar em um slide.
• Quem está falando? Se a fonte foi escrita por alguém promovendo seu próprio produto ("aqui está o que eu construí"), diga isso ao usuário antes de construir, e nos slides atribua afirmações e benchmarks a eles ("teste próprio deles"), nunca apresente como fato neutro. Pergunte se o usuário quer um post promocional ou um explicador — eles geralmente querem o explicador.
• Fatos de produto (Claude Code, APIs, ferramentas): obtenha-os da documentação oficial, não da memória. Comandos, limites e recursos mudam.
• Números auto-reportados permanecem rotulados como tal. Sem estatísticas inventadas, sem enchimento.
• Exemplos ilustrativos (uma mensagem de erro falsa, um caminho de exemplo) são permitidos apenas se você disser ao usuário que são exemplos.
• Sinalize discrepâncias entre o roteiro do usuário e a fonte (por exemplo, "o blog lista 7 camadas, sua capa diz 6") em vez de escolher silenciosamente uma.

3. Planeje os slides

1. Capa — deve ser compreensível para alguém que nunca ouviu o jargão. Comece pela dor ou curiosidade do leitor ("por que seu agente de AI esquece coisas"), não pelo termo técnico ("compatação é a correção errada"). Teste: um estudante de 2º ano de CC conseguiria dizer sobre o que é o post em 2 segundos? Ofereça 3–4 opções de texto de capa quando o usuário estiver indeciso; recomende uma.
2. Slide 2, o segundo gancho — por que isso importa, em uma frase. O Instagram pode mostrar um carrossel novamente a partir de um slide posterior, então este deve funcionar como uma capa por conta própria. Não pode ser introdução ou contexto.
3. Slides de conteúdo — uma ideia cada: um título (≤ 6 palavras, o ponto do slide) + 2–4 pontos curtos ou um número grande. Números que importam recebem o tipo gigante.
4. Gancho do meio — um par "a pegadinha" / "a correção" mantém as pessoas passando.
5. Slide de resumo — todo o post como uma lista curta ou cheat sheet, legível sem contexto, porque este é o slide que as pessoas printam e enviam. Mantenha o handle nele.
6. Slide de CTA — uma ação principal, mais "link nos comentários" se houver um link.
7. Dica de rodapé em cada slide de conteúdo, exceto o último: "passe" ou um teaser para o próximo slide ("a correção", "o que sobrevive?").

Apresente todo produto ou nome próprio na primeira vez que aparecer ("Claude Code, o agente de codificação da Anthropic, …").

Aprove o texto antes de construir

Mostre o texto slide a slide como uma lista numerada, mais as legendas, antes de qualquer trabalho de design. Se /ig-human estiver disponível, execute o texto do slide e ambas as legendas através dele primeiro, depois verifique que ele não alterou nenhum fato, número, nome de produto ou a redação em Hinglish. Construa apenas depois que o usuário aprovar o texto, a menos que eles peçam para pular esta etapa.

4. Construção

Se um tipo de artefato de Design / canvas estiver disponível (por exemplo, o tipo Design do Claude): crie um canvas, uma prancheta por slide, cada 1080 × 1350, dispostos em uma linha (80 px de distância). Coloque cada carrossel em sua própria linha com uma nota de título acima. Siga as regras de formato do próprio tipo; estilos inline, raiz de tamanho fixo.

Caso contrário: um arquivo HTML autocontido por slide (ou uma página com todos os slides empilhados), cada slide uma caixa fixa de 1080px × 1350px, fontes do Google Fonts.

Regras que se aplicam em todos os estilos:

• Cores, fontes e componentes vêm do arquivo de estilo. Não misture estilos dentro de um carrossel.
• Um fundo de slide inteiro vai inline na raiz como background-color + background-image — nunca a abreviação background: em cima de uma classe, pois apaga a grade/textura.
• Mesmo cabeçalho e rodapé em cada slide; contador de slides n/N deve estar correto.
• Ícones: SVG inline. Sem emoji nos slides.
• Texto do corpo mínimo 30 px; títulos 96 px+. É lido em um telefone.

Orçamento de overflow (o bug nº 1)

Antes de escrever cada slide, some suas alturas; o conteúdo deve terminar ≤ 1180 px do topo para nunca tocar o rodapé (rodapé fica em ~1240–1300).

Alturas de linha aproximadas: altura do texto ≈ tamanho da fonte × altura da linha × linhas. Linhas ≈ caracteres ÷ (largura utilizável ÷ largura do caractere). Largura do caractere ≈ 0,5 × tamanho da fonte (Fredoka/Inter), 0,6 × (JetBrains Mono), 0,42 × (Anton, maiúsculas). Largura utilizável é ~920 px menos o preenchimento do cartão.

Se estiver acima: corte palavras primeiro, depois reduza o título, depois aperte os espaços. Nunca reduza o texto do corpo abaixo de 30 px. Máximo ~4 cartões ou ~5 marcadores por slide.

5. Legenda

Escreva duas versões — Inglês e Hinglish (Hindi em escrita romana misturado com Inglês, conversacional, do jeito que o criador fala em reels):

1. Pergunta gancho ou linha em negrito (sem emoji por padrão; no máximo um, raramente)
2. 2–3 parágrafos curtos: o que está acontecendo, a pegadinha, a conclusão
3. 3–4 dicas com seta (→) se o post for prático
4. Linha "Passe …", "link no primeiro comentário", "salve isso …"
5. 5 hashtags, minúsculas, relevantes (sem #viral, #fyp)

Dê o link exato para colocar no primeiro comentário. Use apenas fatos que estão nos slides ou na fonte. Se o post promove o produto de alguém, a legenda diz de quem é.

6. Entrega

• Diga ao usuário o que cada slide diz em uma linha, mais qualquer coisa que você assumiu ou não pôde verificar.
• Exporte: PNG 1× por slide (1080 × 1350 é o tamanho nativo retrato do Instagram; 2× é reduzido de qualquer forma). Nomeie os arquivos 01-capa.png … em ordem.
• Texto alternativo: escreva pelo menos para a capa, descrevendo o que o slide diz.
• Ofereça: fotos na capa, um estilo diferente, ou ajustes internos.