{
  "id": "clube-clube",
  "titulo": "Uma loja do zero com IA",
  "categoria": "narrado",
  "resumo": "Reel tutorial narrado, de 3 min 25 s, em que o autor mostra como fez a loja de tênis Clube dos Sneakers em cerca de nove horas e meia, com IA, em cinco passos: referência, design system, catálogo, páginas e conferência. O vídeo inteiro veste a identidade da loja que ele mostra (Roboto, preto, branco e cinza, o vermelho do selo HOT, ícones Material, cartão de produto, círculos de stories) e troca de cena com o carrossel arrastado da vitrine. São 14 cenas no After Effects, geradas por scripts em Python sobre gravações reais da loja no PC e no celular. Versão: v3.1, que o autor escolheu como base dos vídeos narrados com identidade própria.",
  "indicado": "criador ou empresa que quer ensinar um processo em passos mostrando o próprio trabalho, como uma loja, um site ou um sistema feito com IA.",
  "estilo": [
    "identidade da marca",
    "tutorial em passos",
    "legenda viva",
    "carrossel arrastado",
    "gravações de tela reais",
    "relógio e contadores",
    "cenas claras e escuras."
  ],
  "ficha": {
    "formato": "1080×1920, 30 qps, 9:16",
    "duracao": "3 min 25 s (204,8 s)",
    "motor": "ae",
    "voz": "voz clonada na ElevenLabs (Eleven v4): o gancho em dois trechos e 14 parágrafos, juntados a 1,20×",
    "musica": "ver o guia de estilo",
    "fontes": "ver o guia de estilo"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects",
    "ElevenLabs"
  ],
  "ficha_tecnica": {
    "Duração": "3 min 25 s (204,8 s)",
    "Formato": "1080×1920, 30 qps, 9:16",
    "Voz": "voz clonada na ElevenLabs (Eleven v4): o gancho em dois trechos e 14 parágrafos, juntados a 1,20×",
    "Ferramenta": "After Effects, com o projeto gerado por scripts em Python (cerca de 1.800 camadas)",
    "Trilha": "\"Congratulations\" (Post Malone e Quavo), só o instrumental",
    "Chamadas": "\"comenta CLUBE\" para receber a skill de UI e UX; no fim, o endereço da loja e o pedido de comentário e curtida",
    "Publicado": "as versões seguintes (v4 a v6) mantêm roteiro, narração e cenas e acrescentam o elemento vivo; segundo o autor, a v6 foi a que foi ao ar"
  },
  "etapas": [
    {
      "titulo": "O roteiro e a voz",
      "texto": "**Resumo:** a fala do Reel exatamente como foi enviada à voz clonada (o gancho em dois trechos e 14 parágrafos), como ela foi feita e as 14 cenas por tempo. Gancho: \"Essa loja foi construída em menos de dez horas, cem por cento com IA.\".\n\n## Como a fala foi feita\n\n- **Texto do autor**, escrito para a v3. A revisão só corrigiu defeitos (\"daonde\" → \"de onde\", concordância, pontuação) e manteve o jeito dele de falar.\n\n- **Voz:** ElevenLabs, Eleven v4, um trecho por arquivo (estabilidade 0,52, similaridade 0,73, velocidade 1,05), conferida no faster-whisper e por uma IA que ouve o áudio.\n\n- **Pronúncia:** \"IA\" foi escrito \"IÁ\" e \"UI e UX\", \"iú-ái e iú-éks\". O endereço da loja foi escrito por extenso.\n\n- **Montagem:** o gancho e os 14 parágrafos acelerados a 1,20×, com pausas de 0,25 a 0,55 s entre eles, 5 s só de música depois do parágrafo 13 e 1,6 s depois do último.\n\n- **Na tela**, a legenda escreve normalmente: \"IA\", \"UI e UX\", \"10 horas\", \"9h30\", \"clubedossneakers.com.br\".\n\n## A fala, verbatim (texto enviado à voz)\n\n**Gancho**\n\n- Essa loja foi construída em menos de dez horas, cem por cento com IÁ.\n\n- E eu documentei cada passo do que fiz pra chegar nesse resultado: uma loja profissional, pronta pra ser lançada, em menos de um dia.\n\n**Os cinco passos**\n\n- Passo um: referência. Não adianta querer fazer um projeto de design sem dar pro seu agente as referências de estilo que você gosta, ou que pensou pra ilustrar o visual do seu projeto. No meu caso, eu pesquisei pelo MCP do Mobbin, um site feito pra procurar telas e designs de sites e aplicativos, pra usar como referência na hora de criar o seu.\n\n- Com o MCP conectado, pedi pro meu agente buscar ali referências de lojas, de e-commerce, de cores e das marcas que são referência em calçados, como Nike, Adidas e New Balance, e mandei baixar tudo. Navegando entre as referências que ele baixou, achei o site da Droper, que me agradou bastante.\n\n- Com a referência em mãos, vamos pro passo dois: design system. Pedi pro meu agente copiar o visual inteiro do site, pixel por pixel, pra já ter a base pronta e, a partir dela, personalizar a loja com a minha marca.\n\n- Nesse momento, é importante que você já tenha a sua identidade visual criada, pra que a IÁ não fique inventando marca genérica. Lembra: quanto mais referência e material você tiver, melhor o resultado, e menos coisa você vai precisar mudar depois.\n\n- No meu caso, usei a skill de iú-ái e iú-éks profissional que eu mesmo criei. Com ela, o agente já entende princípios de design, conceitos e os estilos que eu gosto. Se você quiser essa skill pros seus projetos, comenta CLUBE aqui no vídeo, que eu te mando no direct pra você instalar.\n\n- E não fica frustrado se não curtir o design nas primeiras vezes. É super normal. Quanto mais você corrige a sua IÁ com o estilo que você gosta, melhores ficam os resultados. Isso só vem com prática: cria o hábito de usar muito o seu agente de IÁ favorito, pra ele aprender os seus gostos e começar a fazer designs sob medida pra você.\n\n- Passo três: o catálogo. Falei pro meu agente usar um catálogo que eu já tinha, num arquivo CSV. Se você vai fazer uma loja como eu, também precisa ter os seus produtos guardados de um jeito organizado, com título, preço e, principalmente, fotos, pra ele colocar na sua loja.\n\n- Pode ser numa pasta no seu computador, no Google Drive, na sua plataforma de vendas ou num marketplace. O importante é ele ter de onde puxar os produtos.\n\n- Passo quatro: as páginas. Vou deixar um prompt no primeiro comentário fixado. Manda pro seu agente de IÁ, que ele faz todas as páginas que faltam, aquelas que às vezes a gente esquece: as institucionais, contato, trocas e devoluções, política de privacidade, perguntas frequentes. Essas coisas chatas em que você provavelmente nem pensou.\n\n- E relaxa: se ele não souber alguma informação importante, ele te pergunta antes de colocar coisa errada.\n\n- Passo cinco: a conferência. Lembra da skill de iú-ái e iú-éks que eu te falei? Ela tem uma regra que faz o agente sempre conferir o design, com um script de conferência automática. Ele pega todas as páginas e seções que você fez e confere uma por uma: o espaçamento entre os componentes, a hierarquia, as microinterações, as animações, as transições de página e todos os outros princípios que estão na skill.\n\n- E ainda verifica se o site inteiro está responsivo, em todos os tamanhos de tela. Esse passo é super importante, porque é exatamente essa conferência, com os ajustes mínimos, que separa um site profissional de um site que, por mais bonito que esteja, ainda tem aquele toquezinho de que foi feito por IÁ.\n\n- E tudo isso levou cerca de nove horas e meia pra ficar pronto e chegar no resultado que você tá vendo agora na tela.\n\n**Chamada final**\n\n- E aí, curtiu o resultado? Se quiser explorar essa loja, é só acessar clube dos sneakers ponto com ponto bê erre. E não esquece de comentar e deixar o seu like, se esse vídeo te ajudou em alguma coisa.\n\n## Cenas por tempo\n\nFundo claro (C) ou escuro (E) em cada cena; a legenda troca de cor junto.\n\n | \n\n | Tempo (s)\n | Cena\n | Fundo\n | Tela\n\n | 0–11,0\n | gancho\n | C\n | a janela da loja com o vídeo real do PC; relógio de \"menos de 10 horas\" girando; \"100%\" e o logo do Claude em \"com IA\"; os 5 passos em círculos de marca em \"cada passo\"; o celular entra em \"profissional\"; o anel de 24 h enche em \"menos de um dia\"\n\n | 11,0–28,2\n | Passo 1: por que referência\n | E\n | selo \"PASSO 01\"; a galeria do Mobbin rolando; o logo do Mobbin em \"MCP do Mobbin\"; sem referência, resultado genérico; com referência, loja de verdade\n\n | 28,2–43,4\n | Passo 1: MCP, busca e Droper\n | C\n | Claude e Mobbin conectados; a busca real; o que foi buscado (lojas, e-commerce, cores, marcas); Nike, adidas e New Balance; o download de tudo; o carrossel de referências arrastado pela mão e a Droper escolhida\n\n | 43,4–55,0\n | Passo 2: design system\n | E\n | a janela passa da Droper para o Clube com uma varredura; as medidas reais da Droper (cabeçalho 1420 × 54, raio 16, botão 44); os tokens de cor e fonte, com a quarta cor virando a da marca em \"personalizar\"\n\n | 55,0–67,2\n | identidade antes de tudo\n | C\n | o kit de marca real (logo, selo, cores, fonte); as três marcas genéricas que a IA inventou, riscadas; mais material, melhor resultado e menos retrabalho\n\n | 67,2–81,0\n | a skill e o \"comenta CLUBE\"\n | E\n | comentários do Instagram, o comentário publicado, o campo de comentário e a notificação de direct\n\n | 81,0–98,5\n | sem frustração\n | C\n | versões reais antes e depois da correção; o pedido de correção real; quatro semanas de hábito se preenchendo; os gostos que o agente aprendeu\n\n | 98,5–121,3\n | Passo 3: o catálogo\n | E\n | o arquivo `catalogo.csv`; a planilha com produtos reais e as colunas título, preço e fotos em destaque; a linha que vira cartão na loja; de onde puxar (pasta, Drive, plataforma, marketplace)\n\n | 121,3–144,8\n | Passo 4: as páginas\n | C\n | o comentário fixado com o prompt; o chat do agente recebendo o prompt; o print real das páginas novas; a pilha de janelas (institucionais, contato, trocas, privacidade, perguntas); a pergunta real que o agente fez\n\n | 144,8–167,5\n | Passo 5: a conferência\n | E\n | o terminal com a auditoria real; todas as páginas, uma por uma; um cartão de produto mostrando cada princípio (hover que sobe com sombra, ripple no clique, transição de página); o checklist\n\n | 167,5–183,0\n | responsivo e o \"toque de IA\"\n | C\n | cinco larguras reais de tela; o ajuste mínimo de alinhamento que se encaixa; a lupa no \"toquezinho\"; profissional × feito por IA\n\n | 183,0–188,1\n | nove horas e meia\n | E\n | o relógio de ponteiros gira até 9h30\n\n | 188,1–193,4\n | só música\n | C\n | a loja no PC e no celular; a batida cheia volta em 188,41 s e a cena pulsa no compasso\n\n | 193,4–204,8\n | chamada final\n | E\n | o selo da marca girando e a busca da loja com o endereço\n\nA trilha dos 5 passos aparece no topo do Passo 1 até a cena das nove horas e meia. Os tempos de cada palavra estão em `audio/audio-v3/words.json`."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** a identidade do vídeo é a da loja que ele mostra: Roboto, o preto, o branco e o cinza da Droper, o vermelho do selo HOT como destaque e o verde do \"no ar\", ícones Material, cartão de produto, círculos de stories e o carrossel arrastado da vitrine como transição. Legenda palavra por palavra no topo, cenas claras e escuras alternadas, rap instrumental sob a voz. Números tirados de `base_v3.py`, `gerar_v3.py`, `kit_ae.py` e `mixar_v3.py`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Onde baixar\n\n | Título de passo (150 px, tracking −30) e números grandes\n | Roboto Black (900)\n | Google Fonts\n\n | Legenda (70 px, tracking −20), títulos de cartão, preços\n | Roboto Bold (700)\n | Google Fonts\n\n | Chips, rótulos, \"no ar\"\n | Roboto Medium (500)\n | Google Fonts\n\n | Endereço digitado na barra\n | Roboto Regular (400)\n | Google Fonts\n\n | Ícones (os mesmos da loja)\n | Material Icons\n | Google Fonts\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Uso\n\n | Preto\n | `#111111`\n | fundo das cenas escuras, texto\n\n | Preto 2 e grafite\n | `#1C1C1C`, `#2A2A2A`\n | superfícies escuras, chip escuro\n\n | Branco\n | `#FFFFFF`\n | cartões, texto nas cenas escuras\n\n | Fundo\n | `#F3F3F3`\n | fundo das cenas claras\n\n | Cartão\n | `#ECECEE`\n | barra do navegador, chip cinza\n\n | Linha\n | `#E2E2E2`\n | contornos, trilho do relógio\n\n | Cinza\n | `#9E9E9E` / `#6B6B6B`\n | texto secundário\n\n | **HOT**\n | **`#FF2D17`**\n | palavra-chave da legenda, selo \"PASSO 0n\", aro do passo atual, ponteiro central, arco do relógio\n\n | Laranja\n | `#FF6A00`\n | destaque secundário\n\n | Verde\n | `#4ADE80`, `#1E7B34`, fundo `#DCFCE7`\n | \"no ar\", chip verde\n\n | Alta de preço\n | `#16A34A`\n | \"↑ +3%\" do cartão de produto\n\n | Botões da janela\n | `#FF5F57`, `#FEBC2E`, `#28C840`\n | os três círculos do navegador\n\n## Componentes\n\n- **Janela de navegador** com os três botões, a barra de endereço com cadeado, o endereço digitado por expressão (com cursor) e a pílula verde \"no ar\". O conteúdo é uma imagem ou um vídeo real, que rola.\n\n- **Celular** com moldura preta e o vídeo real da loja no iPhone.\n\n- **Cartão de produto** igual ao do site: nome à esquerda, preço e \"↑ +3%\" à direita, foto e selo HOT ou NOVO.\n\n- **Círculo de marca** dos stories da loja: disco branco, aro, logo e nome embaixo.\n\n- **Relógio de ponteiros** com marcas de hora, ponteiros que giram até 9h30, arco vermelho de progresso e relógio digital por expressão.\n\n- **Contador** por expressão (ex.: 0 → 100%).\n\n- **Título de passo:** selo HOT \"PASSO 0n\" e o nome do passo em Roboto Black.\n\n- **Chips** nos estilos branco, preto, HOT, verde, escuro, contorno e cinza.\n\n- **Trilha dos 5 passos** no topo: cinco círculos com os ícones `search`, `palette`, `table_chart`, `layers` e `verified`; o passo atual ganha aro vermelho, o feito vira disco preto com check.\n\n## Transição: o carrossel arrastado\n\nA cena que sai vai 1.080 px para a esquerda e a próxima entra pela direita, em 0,75 s, com a curva .86/.07 e motion blur: é o mesmo gesto do arraste da vitrine da loja. No momento só com música, a cena pulsa de 100% a 103% a cada compasso.\n\n## Curvas\n\n | \n\n | Nome\n | Bezier\n | Uso\n\n | mojtaba\n | (.86, 0, .07, 1)\n | carrossel, posições, ponteiros, rolagem das páginas\n\n | sai\n | (.16, 1, .3, 1)\n | entradas: sai rápido e assenta longo\n\n | entra\n | (.33, 0, .67, 1)\n | opacidade das entradas\n\n | pop\n | (.34, 1.56, .64, 1)\n | escala de chips, círculos e selos que estalam\n\n**Entrada padrão:** 0,85 s, subindo 60 px, desfoque 12 → 0, opacidade cheia aos 70% do tempo. **Saída padrão:** 0,55 s, subindo 40 px, desfoque 0 → 8 e escala a 96%. A saída termina antes do próximo arraste.\n\n## Legenda\n\n- Roboto Bold 70 px (reduz para caber em 912 px), alinhada à esquerda em x = 84, no topo da tela.\n\n- Cada palavra entra no seu tempo falado: sobe 35 px em 0,45 s, com opacidade em 0,3 s e desfoque 6 → 0.\n\n- Sai subindo 26 px, com desfoque 8, em 0,3 s.\n\n- A palavra-chave fica em vermelho HOT; o resto, em preto nas cenas claras e branco nas escuras.\n\n- Frases de 4 a 9 palavras, no máximo duas linhas.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Congratulations\" (Post Malone e Quavo), só o instrumental (demucs)\n\n | Tom e tempo\n | Lá♯ menor, 123 BPM\n\n | Gancho\n | só o sintetizador calmo; a batida entra em 10,85 s, no fim do gancho\n\n | Emenda\n | em 106,46 s a faixa volta 11 compassos, num trecho calmo, com cruzamento de 0,8 s\n\n | Respiro e volta\n | a música respira sob \"nove horas e meia\" e a batida cheia volta em 188,41 s, com a loja só com música\n\n## Sound design e mix\n\n | \n\n | Faixa\n | Nível\n\n | Voz\n | seca, na frente\n\n | Música\n | ganho de 0,16 na abertura, 0,11 sob a voz e 0,30 na loja só com música, com o volume nivelado pela energia em janelas de 1,5 s\n\n | Ducking\n | a música cede cerca de 2,5 dB enquanto a voz fala\n\n | EQ da música\n | −3,5 dB em 320 Hz e −2 dB em 2,5 kHz, para abrir espaço para a voz\n\n | Final\n | −15,3 LUFS medido\n\n**Paleta \"rap\":** os efeitos de desenho animado foram trocados por sons recortados de uma biblioteca premium.\n\n | \n\n | Antes\n | Depois\n\n | pops\n | cliques suaves com passa-baixas, \"select\" e botão\n\n | whooshes e papel\n | swipes\n\n | carimbo\n | impacto tonal\n\n | sucesso, notificação e sino\n | notificação digital\n\n | impacto\n | grave\n\nGrave e prato reverso abrem cada passo e o momento só com música. Digitação, tique-taque do relógio e contadores ficaram, mais baixos.\n\n## O que é \"humano\" neste vídeo\n\n- O relógio gira de verdade até 9h30, com o arco enchendo junto.\n\n- O endereço é digitado com cursor, como na barra do navegador.\n\n- As páginas da loja rolam devagar dentro das janelas.\n\n- A mão arrasta o carrossel de referências, como na vitrine.\n\n- No momento só com música, a cena pulsa no compasso.\n\n- O gerador avisa quando uma animação seria cortada pela troca de cena, para nada sumir no meio do movimento."
    },
    {
      "titulo": "A montagem no After Effects",
      "texto": "| \n\n | Script\n | O que faz\n\n | `base_v3.py`\n | tokens da loja (cores, Roboto, ícones Material), o relógio da fala (`T(\"palavra\", depois=…)`), a entrada e a saída padrão e os componentes: janela de navegador, celular, cartão de produto, círculo de marca, relógio, contador, chip e título de passo\n\n | `cenas_a.py`, `cenas_b.py`\n | as 14 cenas\n\n | `gerar_v3.py`\n | a comp principal: legenda palavra por palavra, trilha dos 5 passos no topo, carrossel arrastado entre as cenas e a lista de efeitos. Avisa quando uma chave cairia depois da troca de cena\n\n | `kit_ae.py`\n | funções de comp, camada, forma, texto e efeito, e as curvas\n\n | `preparar_assets.py`\n | prints e logos leves para o AE\n\n | `montar_narracao.py`, `palavras.py`, `conferir.py`\n | narração a 1,20× com as pausas, tempo de cada palavra (faster-whisper) e conferência\n\n | `mixar_v3.py`, `recortar_sfx.py`\n | trilha em duas partes emendadas no compasso, ducking, efeitos \"rap\" e mix\n\n | `render_leve.ps1`, `montar_final.py`\n | render em trechos de 8 s e junção com o áudio\n\nOs geradores escrevem `tutorial-v3.json`, que uma ponte MCP do After Effects importa (`ae_project_import_json`, da `mcp-aftereffects`, de código aberto); depois o `pos-import.json` centraliza os textos. O `.aep` já vem montado: os scripts servem para estudar e reaproveitar. Algumas linhas apontam para pastas da máquina onde o vídeo foi feito (fontes, gravações, músicas e efeitos); ao reaproveitar, peça ao agente para trocar pelos caminhos da sua central.\n\n**Pegadinhas da importação por JSON:** com cerca de 1.800 camadas, ela leva perto de 26 minutos; abra um projeto antes (`project.new`), porque na tela inicial ela fica parada. A camada filha de um null tem a posição compensada (por isso cada grupo animado virou precomp), a camada de forma guarda só o último grupo (por isso cada grupo virou uma camada) e a centralização do texto é ignorada (por isso o `pos-import.json`).\n\n- **Instale as fontes** (Google Fonts, grátis): Roboto (400, 500, 700 e 900) e Material Icons. Instale para todos os usuários e reinicie o After Effects. No Windows, se não aparecer no AE, copie para `C:\\Program Files\\Common Files\\Adobe\\Fonts`.\n\n- **Mantenha a pasta `projeto/` como veio** e abra o `.aep` no After Effects 2026 ou mais novo.\n\n- **Comp:** `MAIN Clube tutorial v3`, com as 14 cenas (`CENA 01` a `CENA 14`), a legenda e a trilha dos passos por cima. Renderize a `MAIN`.\n\n- **Arquivo faltando:** File › Dependencies › Find Missing Footage; clique com o direito › Replace Footage › File e aponte para `projeto/ae-v3/assets`, `projeto/ae-v3/assets-remotion` (gravações e páginas) ou `projeto/ae-v3/audio`. O AE reencontra os outros da mesma pasta.\n\n- **Render:** `render_leve.ps1` (o `aerender` em trechos de 8 s, prioridade baixa e 35% da RAM; o render pela janela do AE chegou a 46 GB de RAM numa versão anterior). Depois, `montar_final.py` junta só o vídeo dos trechos e põe o áudio final."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **O vídeo veste o assunto.** Fonte, cores, ícones, componentes e transição vieram da loja que ele mostra. Nas palavras do autor: \"esse vídeo foi bom porque a gente criou uma identidade visual única para o vídeo, e isso é bom, devemos fazer isso sempre\".\n\n- **A fala é do autor.** O roteiro da v3 foi escrito por ele, \"bem mais humanizado\" que o anterior, e a revisão só corrigiu defeitos.\n\n- **Nada aparece antes de ser dito.** Cada elemento entra na palavra que o justifica, achada no `words.json`.\n\n- **Animação que termina.** Entrada de 0,85 s e saída de 0,55 s, completas antes do arraste. Na v2, as animações eram rápidas demais e não terminavam antes da troca de cena.\n\n- **O tempo virou objeto.** Um relógio de ponteiros gira até 9h30 no gancho e na cena das \"nove horas e meia\"; um anel de 24 horas enche em \"menos de um dia\".\n\n- **Material real em tudo:** telas do Mobbin, a Droper com as medidas reais, o kit de marca, as marcas genéricas que a IA inventou, o catálogo em planilha, as páginas publicadas, a pergunta real que o agente fez e a auditoria real da loja.\n\n- **Cenas claras e escuras se alternam**, e a legenda muda de cor junto, já no meio do arraste.\n\n- **A trilha dos 5 passos fica no topo**, em círculos de stories: o passo atual ganha o aro vermelho e o passo feito ganha um check.\n\n- **Respiro com a loja.** Depois de \"nove horas e meia\", a loja aparece 5 s só com música, e a batida cheia volta nesse momento.\n\n- **Trilha de rap no lugar de \"Levels\".** O retorno à v3 foi \"o vídeo em si ficou muito bom… tudo perfeito\", mas \"Levels\" estava \"batida e saturada\". Os efeitos trocaram os pops de desenho animado e os sons de papel por cliques suaves, swipes, grave e prato reverso.\n\nDetalhes de cores, curvas e som: estilo.md. Fala e cenas por tempo: roteiro.md. Para fazer um vídeo no mesmo estilo: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | v1\n | prévia no Remotion, 1 min 25 s, trilha \"Levels\"\n\n | v2\n | animações no After Effects, mesmos tempos e áudio da v1\n\n | v3\n | roteiro do autor, identidade da loja, 14 cenas, relógio e anel de 24 h, 3 min 25 s; retorno: \"tudo perfeito\", menos a trilha\n\n | **v3.1**\n | só o áudio mudou: \"Congratulations\" e a paleta de efeitos \"rap\"; nota 9,5/10 na segunda escuta de uma IA revisora\n\n | v3.2\n | a mesma imagem com \"Taste\"; o autor preferiu a v3.1: \"o vídeo com a outra trilha sonora ficou bem melhor\"\n\n | v4 a v6\n | mesmo roteiro e mesmas cenas, com um elemento vivo que conduz o olho (na v6, um círculo auxiliar suave)"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "`clube-tutorial-v3.aep`, o JSON de importação (`tutorial-v3.json`), o `pos-import.json` (centralização dos textos), a pasta `ae-v3/assets/` (telas do Mobbin e do Pinterest, topo da Droper, cabeçalho e marcas antes e depois, logos e selo do Clube, logos de Nike, adidas e New Balance, fotos de produto), a pasta `ae-v3/assets-remotion/` (gravações da loja no PC e no celular, as três direções de marca descartadas e as páginas publicadas), o mix final que o `.aep` usa, `words.json` e os scripts"
    },
    {
      "pasta": "audio/",
      "conteudo": "narração montada (`narracao-v3.wav`), os textos enviados à voz (`p1.json`, `p2.json`, `q01.json` a `q14.json`) e o gancho a 1,20× (`gancho-120.mp3`), `paragrafos.txt`, tempos de parágrafo e de palavra, os scripts de montagem e conferência, o mix final, `mixar_v3.py`, a lista de efeitos, a paleta \"rap\" (`sfx-rap/`) e os outros efeitos usados (`sfx/`)"
    },
    {
      "pasta": "referencias/",
      "conteudo": "a legenda do post, o prompt do comentário fixado (o \"prompt das páginas\" prometido no vídeo) e os links"
    },
    {
      "pasta": "render/",
      "conteudo": "`final.mp4`"
    },
    {
      "pasta": "base_v3.py",
      "conteudo": "tokens da loja (cores, Roboto, ícones Material), o relógio da fala (`T(\"palavra\", depois=…)`), a entrada e a saída padrão e os componentes: janela de navegador, celular, cartão de produto, círculo de marca, relógio, contador, chip e título de passo"
    },
    {
      "pasta": "gerar_v3.py",
      "conteudo": "a comp principal: legenda palavra por palavra, trilha dos 5 passos no topo, carrossel arrastado entre as cenas e a lista de efeitos. Avisa quando uma chave cairia depois da troca de cena"
    },
    {
      "pasta": "kit_ae.py",
      "conteudo": "funções de comp, camada, forma, texto e efeito, e as curvas"
    },
    {
      "pasta": "preparar_assets.py",
      "conteudo": "prints e logos leves para o AE"
    }
  ],
  "prompt": "Quero fazer um tutorial narrado no mesmo estilo do projeto \"Uma loja do zero com IA\", que está em 07-videos/projetos/clube/, com o meu assunto.\n\nO que eu fiz e vou mostrar: {{ASSUNTO}} (ex.: uma loja, um site, um sistema)\nOnde ver o resultado: {{LINK}} (site no ar, gravações de tela, prints)\nOs passos: {{PASSOS}} (de 3 a 6)\nQuanto tempo levou: {{TEMPO}}\nChamada: {{CHAMADA}} (ex.: comenta uma palavra para receber um material)\nDuração aproximada: {{DURACAO}} (a referência tem 3 min 25 s)\n(Se algum desses estiver vazio ou com as chaves, me pergunte antes de começar.)\n\n1. Estude o projeto antes de propor qualquer coisa. Leia, nesta ordem: 07-videos/projetos/clube/LEIA-ME.md, estilo.md e roteiro.md. Depois abra os scripts em projeto/ae-v3/ (base_v3.py, cenas_a.py, cenas_b.py, gerar_v3.py) e o mixar_v3.py, e me explique em poucas linhas como os tokens, o relógio da fala T(\"palavra\"), a legenda palavra por palavra e o carrossel arrastado se encaixam. Diga o que vai reaproveitar.\n\n2. Siga o passo a passo de 9 etapas de 07-videos/_LEIA.md e os números de 07-videos/regras-vigentes.md. Crie o meu projeto em 07-videos/projetos/AAAA-MM-DD-tema/ a partir de 07-videos/projetos/_modelo/README.md e marque cada etapa no checklist. Não edite os arquivos do projeto clube: copie o que for reaproveitar.\n\n3. Use as skills instaladas: video-referencias (assets reais), motion-narrado (nada aparece antes de ser dito, legenda viva), motion-app-ae (interface no After Effects), conteudo-voz (o meu jeito de falar) e better-portuguese (legenda e todo texto da tela).\n\n4. O roteiro: a fala é minha. Faça só a estrutura em roteiro.md: o gancho com o resultado e o tempo que levou, um bloco por passo (o que dizer e o que aparece na tela), um respiro só com música mostrando o resultado e a chamada final. Me dê 3 opções de gancho e espere eu escrever. Guarde o meu texto sem mudar e faça ao lado a versão para a voz, só com a grafia de pronúncia (siglas como se falam, endereço por extenso).\n\n5. Narração: um parágrafo por arquivo, conferido no faster-whisper; junte a 1,20× numa passada só, com pausas curtas entre os parágrafos e uns 5 s só de música antes da chamada final. Gere o words.json. Não anime antes do áudio aprovado.\n\n6. Identidade do assunto: tire do que eu vou mostrar a fonte, as cores, os ícones, os componentes e um gesto típico para a transição (na referência, a Roboto da loja, o vermelho do selo HOT, os ícones Material, o cartão de produto, os círculos de stories e o arraste da vitrine). Registre os tokens num arquivo base, no lugar do base_v3.py, e me mostre antes de animar.\n\n7. Material real antes de gerar: grave ou capture as telas do resultado e corte ou desfoque qualquer dado pessoal (sugestões do navegador, endereço, nome no teclado). Junte prints, medidas, planilhas e mensagens reais que provem cada passo.\n\n8. Reaproveite o motor, troque o conteúdo. Mantenha deste projeto: cada elemento entrando na palavra em que é dito, a entrada de 0,85 s e a saída de 0,55 s completas antes da troca de cena (com o aviso do gerador), a legenda palavra por palavra no topo com a palavra-chave na cor de destaque, as cenas claras e escuras alternadas, a trilha dos passos no topo, o título de passo com selo, o relógio para mostrar tempo, o respiro só com música e a transição pelo gesto do assunto. Troque: tokens, componentes, cenas, textos e a trilha (rap ou pop instrumental, com a batida entrando no fim do gancho e voltando cheia no respiro; música bem abaixo da voz, com ducking e EQ nos médios-graves).\n\n9. Construa de duas em duas cenas e me mostre folhas de contato a cada rodada. Em cada movimento, pergunte: está humano ou robotizado? Renderize em trechos com o aerender, revise quadro a quadro com o áudio, peça a uma IA que ouça o mix e corrija até ficar perto de 9/10. Me entregue o vídeo, a legenda do post, o texto do comentário fixado (se a fala prometer um) e a ficha atualizada. No fim, registre uma anotação em anotacoes/.",
  "campos": [
    "ASSUNTO",
    "CHAMADA",
    "DURACAO",
    "LINK",
    "PASSOS",
    "TEMPO"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=clube",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}