Conteúdo com IA
Comente STACK no Instagram @gastaomatos

A stack de IA para criar e postar conteúdo no automático

Posto todo dia sem designer, sem Canva e sem editor de vídeo. Não é mágica: é uma linha de montagem de IA que vai do tema até o post no ar.

A linha de montagem

  • Você descreve o tema e a IA escreve os cards com a sua identidade
  • O conteúdo vira imagem ou vídeo, renderizado em alta
  • Corta, legenda e publica sozinho
  • Ainda lê comentário e responde DM no automático

As ferramentas da stack

  • Claude Code: o cérebro. Escreve o HTML/CSS de cada card e orquestra tudo pelo terminal
  • Gemini (Nano Banana): gera imagens e fundos realistas por texto, quando você quer foto. Opcional: dá pra fazer só com fundo liso, custo zero
  • HyperFrames + GSAP: transforma o HTML animado em vídeo, frame a frame, sem After Effects
  • ffmpeg: corta o vídeo em cards de 8s e extrai a capa (thumbnail) sozinho
  • Composio (MCP): publica no Instagram e responde DM/comentário no automático

Como começar

  • Instale o Claude Code (claude.ai/code) e o bun (para o HyperFrames)
  • Peça um carrossel descrevendo tema, número de cards e cor de destaque
  • Renderize estático (HTML para PNG) ou animado (HyperFrames para MP4)
  • Conecte a Composio para publicar e responder sozinho

Prompt para o Claude Code montar um carrossel

prompt
Crie um carrossel para Instagram (1080x1080) em HTML puro.

Tema: [SEU TEMA] | Cards: 9 | Accent color: [SUA COR]
Fontes: Space Grotesk + JetBrains Mono. Fundo dark com grid sutil.

Estrutura:
- Card 1 (capa): eyebrow + titulo grande + subtitulo, TUDO centralizado
- Cards 2-8: badge + titulo + lista de pontos
- Card 9 (CTA): palavra-chave + "Comenta [PALAVRA]" + @

Renderize cada card com chromium headless em PNG (custo zero, sem IA de imagem).
Se quiser foto, gere o fundo com Gemini e componha o texto por cima.

Perguntas frequentes

Preciso saber programar para montar essa stack?

Não. O Claude Code escreve o código por você a partir da sua descrição. Você só precisa instalar as ferramentas uma vez e pedir o que quer em português.

Dá pra fazer sem gastar com geração de imagem?

Sim. Esse próprio carrossel foi feito só com fundo liso renderizado em HTML, sem usar o Gemini. A geração de imagem (Nano Banana) é opcional, só quando você quer foto ou cena realista.

O que é o HyperFrames?

É um renderizador que transforma HTML animado (com GSAP) em vídeo, frame a frame, em alta resolução. É o que dá o movimento dos carrosséis animados, sem After Effects ou Premiere.

A Composio posta sozinha mesmo?

Sim. A Composio conecta um agente de IA à sua conta Business do Instagram para publicar posts e carrosséis, ler comentários e responder DM automaticamente. É o que transforma um "comenta X" em lead na hora.

Quer implementar isso?

Me chama no WhatsApp. Ajudo você a configurar ou implemento pra você.

Quero ajuda no WhatsApp
DT

Gastão Matos

@gastaomatos