{
  "id": "clube-claude-mcp",
  "titulo": "O Claude faz o vídeo",
  "categoria": "saas",
  "resumo": "Reel vertical de 49,6 s, sem narração, em que só a tela e a música contam como ligar o Clube do Motion ao Claude por MCP e como o Claude, com bom humor, monta do zero um vídeo de apresentação. As telas são um HTML com o quadro calculado pelo tempo (`window.seek(t)`), renderizado no Chrome sem janela a 60 qps. O \"vídeo pronto\" que explode em tela cheia no fim é o template AI Opener, do YouMotion, adaptado no After Effects por três scripts. Feito pelo Clube do Motion.",
  "indicado": "empresa, ferramenta ou criador que quer mostrar em poucos passos como se usa um produto digital, com uma IA ou um app fazendo o trabalho na tela; lançamento de integração, conector ou recurso novo em Reel ou anúncio vertical.",
  "estilo": [
    "tutorial em passos",
    "interface recriada",
    "chat com IA",
    "modo escuro",
    "verde de ação",
    "vídeo dentro do vídeo",
    "sincronizado na batida",
    "humor leve"
  ],
  "ficha": {
    "formato": "1080×1920, 60 qps reais, 9:16, cor BT.709",
    "duracao": "49,6 s (2.976 quadros), sem narração",
    "motor": "ae",
    "voz": "ver o guia de estilo",
    "musica": "ver o guia de estilo",
    "fontes": "ver o guia de estilo"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects"
  ],
  "ficha_tecnica": {
    "Duração": "49,6 s (2.976 quadros), sem narração",
    "Formato": "1080×1920, 60 qps reais, 9:16, cor BT.709",
    "Ferramenta": "HTML + CSS + JavaScript num arquivo só, render com Playwright no Chrome sem janela, ProRes nos trechos e H.264 no final; o vídeo pronto é o AI Opener adaptado no After Effects por scripts ExtendScript",
    "Desfoque de movimento": "2 subquadros por quadro com obturador de meio quadro, juntados no ffmpeg (`tmix`); com 4 subquadros sai a qualidade total, cerca de 2× mais lenta",
    "Trilha": "\"Action Claps and Drums\" (YouMotion), Dó maior, 150 BPM, compasso de 1,6 s; os 49,6 s são exatamente 31 compassos",
    "Som": "163 eventos exportados do próprio HTML, um som padrão por tipo de evento, tonais em Dó maior e, no trecho do vídeo pronto, os efeitos do próprio template; −14,0 LUFS e pico de −2,1 dBTP",
    "Referências": "dois Reels de IA criando um vídeo dentro do chat, sem narração: o do Codex, da Noflex Studio, e o do Claude, da Supernova Studio",
    "Arquivo final": "MP4 H.264 com áudio AAC, 69 MB"
  },
  "etapas": [
    {
      "titulo": "O roteiro",
      "texto": "**Resumo:** o Reel não tem narração; o roteiro é a sequência de telas, cena a cena, com o texto exato que aparece. Os tempos seguem os compassos da música (150 BPM, compasso de 1,6 s) e são os do vídeo final. Depois da tabela vêm os textos do vídeo pronto, do template para o português, e os momentos da trilha.\n\n## De onde veio a estrutura\n\nAs duas referências contam a mesma história só com interface e música: o produto aparece, alguém digita um pedido, a IA trabalha na tela e o resultado surge pronto, dentro do chat, antes de crescer para a tela cheia. Este Reel segue esse arco e acrescenta o passo a passo de instalação na frente: o site, o link do MCP e o conector no Claude. O humor fica nas falas curtas, e o vídeo pronto é um template de verdade adaptado no After Effects.\n\n## Cenas por tempo\n\n | \n\n | #\n | Tempo (s)\n | Texto na tela\n | O que acontece\n\n | 0\n | 0,0–1,6\n | —\n | três lampejos de 0,4 s do vídeo pronto (a pílula \"Peça pro seu Claude\", a grade \"Primeiro resultado\" e o losango \"Ajuste\"), cada um com flash e um leve recuo de escala; corte seco no golpe de 1,5 s\n\n | 1\n | 1,6–4,8\n | \"Como fazer um vídeo **nesse estilo** com o Claude?\"\n | a pergunta entra com mola por letra, com \"nesse estilo\" em serifada itálica verde; em 2,4 s, um cartão de borracha com borda arco-íris toca o vídeo pronto (\"Peça pro seu Claude · Simples assim\")\n\n | 2\n | 4,8–8,0\n | \"1 · Entra no site\"\n | corte com desfoque em pico; a janela do navegador entra com o site do Clube; a página rola de 6,2 a 7,5 s e \"pelo MCP\" ganha um destaque verde em 7,55 s; o cursor passeia\n\n | 3\n | 8,0–11,2\n | \"2 · Copia o link do MCP\"\n | o navegador vai para `clubedomotion.com.br/painel` com a barra de carregamento; clique em Copiar (9,6 s) e a pílula \"Copiado!\" abre com mola; a URL do MCP é destacada (10,0 s) e sai do painel como pílula `clubedomotion.com.br/mcp`, que fica esperando no alto\n\n | 4\n | 11,2–16,0\n | \"3 · No Claude: Configurações › Conectores\"\n | o navegador sai em chicote e o Claude entra pela direita, nas Configurações › Conectores; clique em \"Adicionar conector personalizado\" (12,4 s); na janela, \"Clube do Motion\" é digitado no Nome e a pílula do link voa para o campo de URL com um flash (13,8 s); clique em Adicionar (14,4 s); a linha \"Clube do Motion\" nasce com mola e a chave liga em 15,2 s: \"Conectando…\" vira \"Conectado\"\n\n | 5\n | 16,0–19,2\n | \"Boa tarde, Motioneiro\" · \"Faz um vídeo de apresentação do meu negócio, usa o megabrain e não comete erros!\"\n | a janela do Claude cresce até a tela cheia; chat novo com a saudação; o pedido é digitado de 16,7 a 18,75 s e a caixa ganha uma segunda linha; clique em enviar em 19,2 s e a caixa vira a bolha do usuário\n\n | 6\n | 19,2–22,4\n | \"Deixa comigo :)\"\n | a câmera se aproxima da estrela do Claude, que pulsa, escreve a resposta e dá um pulinho em 20,95 s\n\n | 7\n | 22,4–25,6\n | `clube-do-motion · listar_projetos`\n | cartão de ferramenta com a borda arco-íris girando; 16 miniaturas de projetos sobem em cascata e a grade rola\n\n | 8\n | 25,6–28,8\n | \"AI Opener\" · \"Achei a referência: conversa direitinho com apresentação.\" · `ver_projeto`\n | um anel verde marca o AI Opener e as outras miniaturas escurecem; em 27,2 s, o segundo cartão mostra \"Etapas · 6 cenas · 45 s\", \"Estilo · luz neon e vidro no preto\" e \"Prompt · pronto para adaptar\"\n\n | 9\n | 28,8–31,2\n | \"Vou mudar umas coisas pra ficar com a sua cara.\" · \"cores do template · textos seus\"\n | três quadros do template trocam a legenda: \"Start With An Idea\" → \"Comece pela ideia\", \"Refine\" → \"Do seu jeito\", \"Endless Generations\" → \"O seu negócio\"; cinco amostras de cor entram com pop\n\n | 10\n | 31,2–33,6\n | \"Usando a skill de motion + DJ do perfil do autor\"\n | linha do tempo com três faixas (V1, V2, FX); a agulha anda e a forma de onda laranja bate a cada 0,4 s\n\n | 11\n | 33,6–36,8\n | roteiro ✓ · identidade ✓ · animação ✓ · trilha na batida ✓ · zero erros (como pedido) ✓ · \"Renderizando…\"\n | o checklist se marca sozinho, um item a cada 0,26 s; em 35,2 s, a estrela gira ao lado de \"Renderizando…\" e a barra vai de 0 a 100%\n\n | 12\n | 36,8–40,0\n | \"Pronto. Aqui está o seu vídeo.\" · `apresentacao.mp4` · 0:28\n | a resposta entra e o cartão do vídeo chega como cartão de borracha, com o botão de play respirando; clique no play em 40,0 s\n\n | 13\n | 40,0–43,2\n | o vídeo pronto: \"Pequenos ajustes grande diferença\" → \"Versões sem fim\"\n | no vão quase mudo da música, o cartão toca e cresce até quase a tela inteira; o resto escurece e desfoca\n\n | 14\n | 43,2–46,4\n | \"Leve pros seus projetos\"\n | no retorno da batida, o vídeo explode em tela cheia com flash: 17 ícones coloridos, lente e \"Leve pros seus projetos\"\n\n | 15\n | 46,4–49,6\n | \"Clube do **Motion**\" · \"dentro do seu Claude\" · \"em breve\"\n | corte com desfoque em pico; as três barras do símbolo nascem pela inclinação, uma depois da outra; o nome e a linha de apoio entram com mola e o selo verde chega com pop em 47,8 s; o conjunto cresce 3% até o fim\n\n## Vídeo pronto: textos do template em português\n\n | \n\n | Template\n | No vídeo do Clube\n\n | Start With An Idea · Describe It In Words\n | Comece com uma ideia · Descreva em palavras\n\n | Speak It Out Loud · It's That Easy\n | Peça pro seu Claude · Simples assim\n\n | First Results · Refine\n | Primeiro resultado · Ajuste\n\n | Small Changes Big Difference\n | Pequenos ajustes grande diferença\n\n | Endless Generations\n | Versões sem fim\n\n | Put It To Work · In Your Projects\n | Leve pros · seus projetos\n\n | logo do template + endereço do site\n | símbolo do Clube + \"Clube do **Motion**\"\n\nNo Reel, os lampejos usam 10,80, 17,90 e 24,20 s do vídeo pronto; o cartão da pergunta começa em 8,90 s; o cartão do chat toca a partir de 28,35 s; e a tela cheia usa de 31,55 a 34,75 s.\n\n## Momentos para a trilha\n\n- 1,5 s: golpe e corte seco; a palma de 1,6 s abre a pergunta.\n\n- 4,8 · 8,0 · 11,2 s: palmas fortes nas trocas de tela, com golpe tonal.\n\n- 12,8 s: entra o groove, durante a janela do conector.\n\n- 19,2 s: envio do pedido no compasso; sino tonal em 20,0 s com o \"Deixa comigo :)\".\n\n- 37,15 s: sino tonal com o cartão `apresentacao.mp4`.\n\n- 40,4–42,4 s: vão quase mudo da música, com os efeitos do próprio template e um riser até a explosão.\n\n- **43,2 s: retorno da batida na tela cheia**, com impacto e onda de choque.\n\n- 46,55 · 46,68 · 46,81 s: um blip tonal para cada barra do símbolo; pop e sino no selo.\n\nA lista completa dos 163 eventos, com tempo, tipo, pan e intensidade, está em `audio/eventos.json`."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** fundo quase preto com o verde de ação do Clube do Motion nas partes da marca e o Claude recriado no escuro com o laranja dele. O vídeo usa cinco fontes, cada uma com uma função, molas do Kit Motion Pro traduzidas para JavaScript, uma câmera que nunca para e cortes com desfoque em pico. O vídeo pronto mantém a paleta e as fontes do template AI Opener. Números tirados do `index.html`, do `trilha.py` e dos scripts do After Effects.\n\n## Palco e fundo\n\n | \n\n | Peça\n | Como é\n\n | Tela\n | 1080×1920, fundo `#0D0D0D`\n\n | Fundo\n | dois radiais verdes discretos (10% embaixo, 5% no canto superior esquerdo) que se deslocam devagar, até 40 px na horizontal e 30 px na vertical\n\n | Janelas\n | navegador e Claude em (60, 390), 960×1420, cantos de 36 px, sombra larga e contorno de 1,5 px branco a 7%; o Claude cresce até a tela cheia quando o chat abre (16,0 s)\n\n | Grão\n | 6 ladrilhos de ruído com semente fixa, 7% em `overlay`, trocados a cada quadro\n\n | Vinheta\n | radial que escurece as bordas até 45%\n\n## Cores\n\n | \n\n | Token\n | Valor\n | Papel\n\n | Fundo\n | `#0D0D0D`\n | tela, cartões escuros, ícones dos cartões\n\n | Cartões\n | `#171717` · `#1A1A1A` · borda `#2B2B2B`\n | navegador, rótulos de vidro e pílula do link\n\n | Verde de ação\n | `#49E498`\n | número dos passos, destaque, \"Copiado!\", check, selo, brilho do símbolo\n\n | Claude, fundo\n | `#262624` · lateral `#1F1E1D` · cartão `#30302E` · borda `#3E3D39`\n | telas do Claude\n\n | Claude, texto\n | `#F5F4EE` · secundário `#C2C0B6`\n | texto das telas do Claude\n\n | Claude, laranja\n | `#D97757`\n | estrela, botão de enviar, chave ligada, barra de progresso (degradê até `#F0A27F`)\n\n | Borda arco-íris\n | `#FF6B3D → #FF3DA8 → #A45BFF → #3D7BFF → #34E0FF → #49E498 → #FFD23D`\n | cartões de ferramenta e cartão da pergunta, girando 140° por segundo, com uma cópia desfocada (26 px) a 55% por trás\n\n## Fontes\n\n | \n\n | Fonte\n | Onde\n\n | Plus Jakarta Sans 800\n | a pergunta (96 px, tracking −2 px), os rótulos de passo (46 px; 38 px no passo 3) e \"Motion\" no fecho; a 400 faz \"Clube do\"\n\n | Cormorant Infant itálica 600\n | a palavra de destaque \"nesse estilo\" (128 px, verde) e o selo \"em breve\" (56 px)\n\n | Source Serif 4\n | títulos e falas do Claude: \"Configurações\" (50 px), saudação (64 px), respostas (38 px)\n\n | Inter\n | interface do Claude, campos, botões e \"dentro do seu Claude\" (46 px)\n\n | JetBrains Mono\n | nomes das ferramentas do MCP (26 px), pílula com o link (27 px) e rótulos da linha do tempo\n\nTudo vem em woff2 no `html/fonts/`; o `seek(t)` espera cada peso carregar antes do primeiro quadro.\n\n## Telas recriadas\n\n- **Site do Clube:** capturas reais da página inicial e do painel, escaladas 2,23× para caber nos 960 px da janela. Os destaques (\"pelo MCP\" e a URL no código) usam as posições medidas na página.\n\n- **Configurações do Claude:** barra lateral com Geral, Conta, Privacidade, Faturamento, Capacidades, Conectores e Claude Code; linhas Google Drive e Gmail; botão \"Adicionar conector personalizado\"; janela com \"BETA\", campos Nome e \"URL do servidor MCP remoto\", Cancelar e Adicionar.\n\n- **Chat:** saudação com a estrela, caixa de entrada com o chip `clube-do-motion` e o seletor \"Opus 5.5\", bolha do usuário, respostas em serifada com a estrela ao lado, cartões de ferramenta, checklist, barra \"Renderizando…\" e o cartão `apresentacao.mp4` (400×711, \"0:28\").\n\n- **Símbolo do Clube:** o M de três barras inclinadas, desenhado em SVG no próprio HTML; o mesmo desenho vira forma no After Effects.\n\n## Kit Motion Pro em JavaScript\n\n | \n\n | Técnica\n | Números\n\n | Mola de texto por letra\n | 4 animadores somados, +150 / −60 / +25 / −10 px, com inícios em 0 / 0,14 / 0,32 / 0,53 s e rampa de 0,5 s espalhada pelas letras\n\n | Pop\n | escala 0 → 115 → 93 → 104 → 100% em 0 / 0,15 / 0,36 / 0,60 / 0,91 s; rotação 10 → −6 → 3 → −1 → 0°\n\n | Cartão de borracha\n | chaves em 0 / 0,37 / 0,80 / 1,33 s; escala 0 → 1,10 → 0,95 → 1; largura 0,9 → 1,05 → 0,975 → 1 e altura 1,8 → 0,8 → 1,1 → 1, preservando o volume; rotação 5 → −2 → 1 → 0°\n\n | Estalo e deriva\n | chega ao meio do caminho em cerca de 0,1 s e completa devagar em 0,9 s\n\n | Pílula com mola de largura\n | \"Copiado!\": largura proporcional a 410 → 2243 → 2035 → 2183 → 2144 em 0 / 0,20 / 0,38 / 0,55 / 0,73 s; rotação 1 → −4,7 → 2,9 → −1 → 0°\n\n | Aperto de botão\n | afunda para 93% × 88%, volta a 105% × 104% e assenta em 0,6 s\n\n | Desfoque em pico no corte\n | 0 → 60 → 0 px, 0,12 s antes e 0,16 s depois do corte (4,8 e 46,4 s); nos lampejos, 24 px\n\n | Chicote\n | o navegador sai 1.300 px para a esquerda em 0,36 s, curva cúbica de entrada; o Claude entra pela direita em 0,5 s com um recuo de 18 px; desfoque só horizontal, 0,9 × a velocidade em px por quadro, até 60\n\n | Flash\n | branco em `screen`: 55% nos lampejos e na colagem da URL, 50% no corte de 4,8 s, 70% na explosão\n\n## Curvas\n\n | \n\n | Nome no código\n | Curva\n | Uso\n\n | `E.io`\n | `cubic-bezier(.45,0,.2,1)`\n | padrão das chaves\n\n | `E.out`\n | saída exponencial\n | entradas, barra de carregamento, destaques\n\n | `E.inC`\n | cúbica de entrada\n | saídas e o chicote\n\n | `E.sm`\n | smoothstep\n | rampas da mola e do desfoque\n\n | `E.ae(a, b)`\n | curva com as influências de saída e entrada do After Effects\n | cursor (55/75), cartões, rolagem do chat, crescimento do vídeo (55/60)\n\n## Câmera viva\n\n- **Deriva que nunca para:** soma de três senos lentos dá ±7 px na horizontal, ±9 px na vertical, ±0,28° de rotação e ±0,6% de escala.\n\n- **Empurrões por momento:** 28 chaves de escala e foco. Exemplos: 1,14× no botão Copiar (9,2 s), 1,2× na janela do conector (13,0 a 14,0 s) e 1,75 a 1,85× na estrela do \"Deixa comigo :)\" (20,35 a 22,05 s).\n\n- **Cursor:** caminho por pontos com curva 55/75, tremor de 1,2 px, clique que encolhe o ponteiro a 82% e onda branca de 10 a 80 px em 0,4 s.\n\n## Transições\n\nCada troca tem um \"de quê para quê\": lampejo que corta seco para a pergunta; pergunta que sai por desfoque em pico e janela do navegador que entra como cartão de borracha; página inicial que vira o painel com a barra de carregamento verde; link copiado que sai do painel como pílula, espera no alto e voa para o campo de URL; navegador que sai em chicote enquanto o Claude entra pela direita; janela do Claude que cresce até a tela cheia; caixa de entrada que vira a bolha do usuário; cartão `apresentacao.mp4` que cresce de 400×711 até 900×1600 entre 40,05 e 43,08 s e, em 0,12 s, passa da borda da tela (1140×2027) na explosão; vídeo que some por desfoque em pico no fecho.\n\n## Vídeo pronto (AI Opener adaptado)\n\n | \n\n | Item\n | Valor\n\n | Comp\n | **AI Opener**, 2160×3840, 60 qps, 45,35 s; o Reel lê 2.721 quadros em 1080×1920\n\n | Cores e câmera\n | as do template: fundo preto, placas `#0D0D0D`, bordas de neon com Trim Paths girando, pilha de brilho e câmera em corrente de nulls\n\n | Fontes\n | DM Sans e IBM Plex Sans do template; \"Clube do Motion\" em Plus Jakarta Sans Regular + ExtraBold\n\n | Fotos\n | 4 capas de projetos do Clube nas fotos de \"Primeiro resultado\"\n\n | Logo\n | símbolo do Clube no lugar do logo do template, cada barra subindo pela inclinação com 4 quadros entre elas e inclinação de −16 → +4 → 0; no descanso cresce 2,5% devagar\n\n | Brilho\n | faixa azul `#5470FF` a 24° atravessando o símbolo em 37,90 e 40,90 s\n\n## Render\n\n60 qps reais. Cada quadro é a média de 2 capturas espalhadas em meio intervalo (`--sub 2 --shutter 0.5`): o ffmpeg recebe 120 qps, faz `tmix=frames=2` e fica com um quadro a cada dois. Os trechos de 4 s saem em ProRes 422 HQ 10 bits e o final em H.264 (CRF 16, `yuv420p`, BT.709 também gravado no fluxo).\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Action Claps and Drums Main\" (YouMotion), inteira, Dó maior, 150 BPM; 49,6 s = 31 compassos de 1,6 s\n\n | Grade\n | palmas fortes em 1,6 · 4,8 · 8,0 · 11,2 s; groove a partir de 12,8 s; vão quase mudo de 40,4 a 42,4 s; retorno em 43,2 s\n\n | Vídeo pronto\n | de 40,0 a 46,4 s tocam os efeitos fatiados do AI Opener no mesmo ponto da animação: tempo no Reel = tempo no template + 11,65 s\n\n## Sound design e mix\n\n | \n\n | Momento ou evento\n | Som\n\n | Lampejos\n | impacto curto + whoosh curto em cada um; golpe tonal \"jolt\" + impacto em 1,5 s e um riser \"airwave\" que chega em 1,55 s, logo antes da palma de 1,6 s\n\n | Trocas de tela\n | golpe tonal \"warm-signal\" em 4,8 · 8,0 · 11,2 · 16,0 · 19,2 · 22,4 s\n\n | Títulos com mola\n | blip tonal que sobe a pentatônica de Dó + sopro curto, no lugar de som de digitação\n\n | 16 miniaturas em 0,4 s\n | um clique a cada três, para virar rastro e não metralhadora\n\n | Respostas\n | \"neon-bell\" em 20,0 s (\"Deixa comigo :)\") e 37,15 s (\"Pronto…\")\n\n | Suspense\n | whoosh, pop e cliques do template + riser \"blip-whoosh\" de 2,6 s até 43,2 s\n\n | Explosão\n | impacto com sala + golpe \"shockwave\" + cliques e pops do template nos ícones e em \"Leve pros seus projetos\"\n\n | Fecho\n | riser curto, um blip tonal por barra do símbolo (46,55 · 46,68 · 46,81 s); o selo leva pop, sino e blip\n\n | Demais eventos\n | um som padrão por tipo: clique, tecla, pílula, cartão, abre, liga, sucesso, check, carregando, rolagem\n\n- Cada efeito entra com o pico no instante do evento.\n\n- **Balanço:** com +1 dB no barramento, os efeitos ficavam cerca de 18 dB abaixo da música e sumiam na bateria. Com +9 dB, a mediana fica 13,6 dB abaixo da música (janelas de 0,4 s) e o ataque de cada clique chega ao nível das palmas. Sala +6 dB, tonais −2 dB.\n\n- **Medido no resultado:** música −14,0, efeitos −27,4 e tonais −29,1 LUFS; final −14,0 LUFS e pico de −2,1 dBTP depois do AAC.\n\n## O que é \"humano\" neste vídeo\n\n- A estrela do Claude pulsa enquanto fala e dá um pulinho com amassado e esticado no \"Deixa comigo :)\".\n\n- Os cartões, a pílula do link e o selo derivam alguns pixels enquanto esperam.\n\n- O ponteiro treme de leve e os botões afundam no clique.\n\n- O fecho cresce 3% até o último quadro."
    },
    {
      "titulo": "A montagem em HTML",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `html/index.html`\n | `apply(t)` recalcula cada cena a partir do tempo. No topo ficam as constantes do vídeo pronto (`LAMPEJOS`, `CENA9`, `PLAY_INI`, `CAPA`, `VQCARD`) e a tabela `T`, com o instante de cada clique e de cada troca de tela na grade da música. `window.seek(t)` espera fontes, imagens e o quadro do vídeo pronto; `window.__events()` devolve os 163 eventos para o som\n\n | `render.mjs`\n | abre o HTML no Chrome sem janela. `--stills 12.7,26.3 --dir s5` grava quadros parados; `--full --sub 2 --shutter 0.5 --from 0 --to 4` renderiza um trecho; `--q \"cena9=31.55\"` passa parâmetros para a página\n\n | `render-trechos.sh`\n | renderiza em trechos de 4 s (navegador novo a cada trecho, até 3 tentativas), junta sem recomprimir e gera o MP4 H.264 BT.709 sem áudio; trecho que já existe é pulado\n\n | `verificar.py`\n | confere o MP4: quadros, intervalo entre quadros, qps, cor, LUFS, pico, quadros pretos e congelados\n\n | `folha.py`\n | monta a folha de contato de uma pasta de quadros ou de um MP4 a 2 qps\n\n | `escolher_miniaturas.py`\n | escolhe, entre 14 instantes da prévia de cada template, o quadro com mais conteúdo e recorta em 9:16 para a grade de `listar_projetos`\n\n | `scripts-ae/01_textos.jsx`\n | troca os 14 textos do template pelo português e alarga a moldura quando a frase nova não cabe, sem tirar nada do lugar\n\n | `scripts-ae/02_fotos_e_logo.jsx`\n | põe as 4 capas nas fotos de \"Primeiro resultado\" e desenha o símbolo do Clube nos dois lugares do logo, com cada barra subindo pela própria inclinação\n\n | `scripts-ae/03_brilho_e_fecho.jsx`\n | faz o brilho azul do template atravessar o símbolo em 37,90 s e 40,90 s e aumenta o logo (130%) e o nome (150%) para ler no celular\n\n | `scripts-ae/04_pos_render.sh`\n | depois do render do AE: versão 1080×1920, som do template a −14 LUFS, um JPG por quadro (`q_N` = tempo (N−1)/60 s) e folha de contato\n\n | `audio/trilha.py`\n | música, um efeito por evento, tonais em Dó maior e os efeitos do template no trecho do vídeo pronto (tempo no Reel = tempo no template + 11,65 s); mixa para −14 LUFS\n\n- **Junte as pastas:** copie `audio/` para dentro de `projeto/`.\n\n- **Vídeo pronto no After Effects:** baixe o template AI Opener no YouMotion, instale DM Sans, IBM Plex Sans e Plus Jakarta Sans e abra uma cópia do projeto. Na linha `RAIZ` do `02_fotos_e_logo.jsx`, ponha o caminho de `ae/(Footage)/capas/`. Rode `01_textos.jsx`, `02_fotos_e_logo.jsx` e `03_brilho_e_fecho.jsx` nessa ordem (File › Scripts › Run Script File) e renderize a comp **AI Opener** (2160×3840, 60 qps, 45,35 s) em MP4.\n\n- **Quadros do vídeo pronto:** no `04_pos_render.sh`, aponte `SRC` para o MP4 do AE e `QD` para a pasta dos quadros, e rode `bash scripts-ae/04_pos_render.sh`. Saem 2.721 JPGs.\n\n- **Ver no navegador:** abra `html/index.html?play&quadros=file:///C:/pasta/dos/quadros/` no Chrome para tocar em tempo real, ou troque `play` por `t=26.3` para parar num instante.\n\n- **Preparar o render:** instale Node, ffmpeg e o `playwright-core` (`npm i playwright-core`). No topo do `render.mjs`, troque a linha do `createRequire` pelo caminho do seu `playwright-core` e o `executablePath` pelo Chrome da sua máquina.\n\n- **Quadros de conferência:** `node render.mjs --stills 2.0,12.7,26.3,43.5 --dir teste --q \"cena9=31.55&quadros=file:///C:/pasta/dos/quadros/\"` e depois `python folha.py revisao/teste revisao/folha.jpg`.\n\n- **Som:** baixe a trilha Action Claps and Drums no YouMotion. No `audio/trilha.py`, aponte o `sys.path` para `audio/mesa` e a `MUSICA` para o \"Action Claps and Drums Main.wav\"; no topo do `mesa/mesa.py`, aponte as pastas de efeitos e tonais para a sua biblioteca. `python audio/trilha.py` gera `audio/mix.wav` em cerca de 9 s. Precisa de Python com numpy, scipy, soundfile, librosa e pyloudnorm.\n\n- **Vídeo:** `bash render-trechos.sh v3 2 \"cena9=31.55&quadros=file:///C:/pasta/dos/quadros/\"` gera `render/telas-v3.mp4`. Cole o som com `ffmpeg -i render/telas-v3.mp4 -i audio/mix.wav -map 0:v -map 1:a -c:v copy -c:a aac -b:a 320k -shortest -movflags +faststart render/final.mp4` e confira com `python verificar.py render/final.mp4`.\n\n- **Corrigir só uma cena:** apague os `render/trechos-vN/t-XX.mov` dos trechos afetados e rode de novo; os outros são reaproveitados.\n\n**Pegadinhas:** sem a pasta de quadros, as cenas do vídeo pronto ficam vazias, então confira o parâmetro `quadros` antes de renderizar. A grade de `listar_projetos` espera `html/assets/thumbs/m00.jpg` a `m17.jpg`: gere esses arquivos com o `escolher_miniaturas.py` (troque a pasta `D` pela das prévias) ou use capas dos seus projetos com os mesmos nomes; os `ai-*.jpg` (3, 16.5, 24 e 30) são quadros do seu vídeo pronto nesses segundos. `cena9` escolhe o trecho da tela cheia; com o padrão de 30,75 s, ela terminava em \"Leve pros\" cortado. Sem as fontes do template instaladas, o AE troca a fonte dos textos. O AAC sobe o pico em até 1,4 dB, por isso a mix é limitada a −2,5 dBFS. O desfoque dos subquadros só aparece no arquivo final."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **A interface conta a história.** Sem narração, uma pergunta abre o vídeo, três rótulos numerados marcam os passos e o chat explica o resto com textos curtos de tela.\n\n- **A linha do tempo foi montada na grade da música.** As trocas de tela caem nas palmas fortes (1,6 · 4,8 · 8,0 · 11,2 s), o groove entra em 12,8 s, o pedido é enviado no compasso de 19,2 s, o vão quase mudo de 40,4 a 42,4 s vira o suspense do play e a tela cheia chega com a batida em 43,2 s.\n\n- **O gancho mostra o resultado primeiro:** três lampejos de 0,4 s do vídeo pronto e um corte seco no golpe de 1,5 s, antes da pergunta.\n\n- **O humor está no texto da tela.** O pedido termina em \"não comete erros!\", o Claude responde \"Deixa comigo :)\" com a estrela dando um pulinho, o checklist marca \"zero erros (como pedido)\" e a saudação é \"Boa tarde, Motioneiro\".\n\n- **O processo parece real.** Os cartões de ferramenta usam os nomes do MCP (`listar_projetos`, `ver_projeto`), giram uma borda arco-íris enquanto trabalham e fecham com um check verde.\n\n- **Digitação e cursor de verdade:** letra a letra com cursor de texto piscando, ponteiro com caminho e tremor leve e botões que afundam no clique e soltam uma onda.\n\n- **O vídeo nasce dentro do chat.** A capa do cartão `apresentacao.mp4` é o primeiro quadro do play, então o clique não dá salto; o cartão cresce enquanto o resto escurece e desfoca e só ocupa a tela inteira no retorno da batida.\n\n- **O vídeo pronto é um vídeo de verdade.** O AI Opener manteve cores, câmera e som do autor, e só textos, fotos e logo mudaram; no trecho dele, os efeitos do template tocam no mesmo ponto da animação.\n\n- **Nada para morto.** A câmera soma senos lentos com empurrões em cada momento, o fundo respira, o grão muda a cada quadro e os cartões derivam enquanto esperam.\n\n- **Cortes com desfoque em pico** em 4,8 e 46,4 s e **chicote** em 11,2 s, com desfoque horizontal proporcional à velocidade da janela.\n\n- **Render em trechos de 4 s:** a correção da v2 refez só 4 dos 13 trechos.\n\nDetalhes de cores, curvas e som: estilo.md. Cenas por tempo e texto na tela: roteiro.md. Para fazer um vídeo no mesmo método com o seu produto: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | v1\n | primeira versão entregue. Num render anterior, a tela cheia terminava em \"Leve pros\" cortado; a cena 9 passou a usar 31,55 s do vídeo pronto (`cena9=31.55`), começa na explosão de ícones, que cai na batida de 43,2 s, e termina em \"Leve pros seus projetos\"\n\n | **v2**\n | aprovada: sem o ⌄ ao lado do seletor \"Opus 5.5\", saudação \"Boa tarde, Motioneiro\" e porcentagem do \"Renderizando…\" na mesma linha da barra (antes ela quebrava para baixo); só os trechos de 12, 16, 32 e 36 s foram refeitos"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "`html/index.html` (as telas do Reel inteiro), `html/assets/` (capturas do site do Clube), `html/fonts/` (Plus Jakarta Sans, Inter, Cormorant Infant, Source Serif 4 e JetBrains Mono em woff2, com o `fonts.css`), `render.mjs`, `render-trechos.sh`, `verificar.py`, `folha.py`, `escolher_miniaturas.py`, `scripts-ae/` (`01_textos.jsx`, `02_fotos_e_logo.jsx`, `03_brilho_e_fecho.jsx` e `04_pos_render.sh`) e `ae/(Footage)/capas/` (as 4 capas que entram como fotos no vídeo pronto)"
    },
    {
      "pasta": "audio/",
      "conteudo": "`trilha.py` (o som inteiro), `eventos.json` (os 163 eventos), `mix.wav`, `relatorio-som.json` e `mesa/`, com o motor de mix `mesa.py` e o `mapa_padrao.py`"
    },
    {
      "pasta": "referencias/",
      "conteudo": "`estudo-da-referencia.md` (os dois Reels quadro a quadro), `estudo-do-template.md` (o AI Opener por dentro: cenas, curvas, câmera e som), `links.md` e `fora-do-pacote.md`"
    },
    {
      "pasta": "render.mp4",
      "conteudo": "o Reel final (v2)"
    },
    {
      "pasta": "html/index.html",
      "conteudo": "`apply(t)` recalcula cada cena a partir do tempo. No topo ficam as constantes do vídeo pronto (`LAMPEJOS`, `CENA9`, `PLAY_INI`, `CAPA`, `VQCARD`) e a tabela `T`, com o instante de cada clique e de cada troca de tela na grade da música. `window.seek(t)` espera fontes, imagens e o quadro do vídeo pronto; `window.__events()` devolve os 163 eventos para o som"
    },
    {
      "pasta": "render.mjs",
      "conteudo": "abre o HTML no Chrome sem janela. `--stills 12.7,26.3 --dir s5` grava quadros parados; `--full --sub 2 --shutter 0.5 --from 0 --to 4` renderiza um trecho; `--q \"cena9=31.55\"` passa parâmetros para a página"
    },
    {
      "pasta": "render-trechos.sh",
      "conteudo": "renderiza em trechos de 4 s (navegador novo a cada trecho, até 3 tentativas), junta sem recomprimir e gera o MP4 H.264 BT.709 sem áudio; trecho que já existe é pulado"
    },
    {
      "pasta": "verificar.py",
      "conteudo": "confere o MP4: quadros, intervalo entre quadros, qps, cor, LUFS, pico, quadros pretos e congelados"
    },
    {
      "pasta": "folha.py",
      "conteudo": "monta a folha de contato de uma pasta de quadros ou de um MP4 a 2 qps"
    },
    {
      "pasta": "escolher_miniaturas.py",
      "conteudo": "escolhe, entre 14 instantes da prévia de cada template, o quadro com mais conteúdo e recorta em 9:16 para a grade de `listar_projetos`"
    },
    {
      "pasta": "scripts-ae/01_textos.jsx",
      "conteudo": "troca os 14 textos do template pelo português e alarga a moldura quando a frase nova não cabe, sem tirar nada do lugar"
    },
    {
      "pasta": "scripts-ae/02_fotos_e_logo.jsx",
      "conteudo": "põe as 4 capas nas fotos de \"Primeiro resultado\" e desenha o símbolo do Clube nos dois lugares do logo, com cada barra subindo pela própria inclinação"
    },
    {
      "pasta": "scripts-ae/03_brilho_e_fecho.jsx",
      "conteudo": "faz o brilho azul do template atravessar o símbolo em 37,90 s e 40,90 s e aumenta o logo (130%) e o nome (150%) para ler no celular"
    },
    {
      "pasta": "scripts-ae/04_pos_render.sh",
      "conteudo": "depois do render do AE: versão 1080×1920, som do template a −14 LUFS, um JPG por quadro (`q_N` = tempo (N−1)/60 s) e folha de contato"
    },
    {
      "pasta": "audio/trilha.py",
      "conteudo": "música, um efeito por evento, tonais em Dó maior e os efeitos do template no trecho do vídeo pronto (tempo no Reel = tempo no template + 11,65 s); mixa para −14 LUFS"
    }
  ],
  "prompt": "Quero um Reel vertical no mesmo método do projeto \"Clube do Motion no Claude\", que está em 07-videos/projetos/claude-mcp/, com o meu produto.\n\nProduto ou negócio: {{PRODUTO}}\nSite oficial (para tirar cores, fonte, logo e capturas reais): {{SITE}}\nPassos que o vídeo ensina, de 2 a 4, cada um com um rótulo curto: {{PASSOS}}\nApp ou IA onde a ação acontece (Claude, ChatGPT, painel do meu sistema...): {{APP}}\nPedido que aparece digitado na tela: {{PEDIDO}}\nResposta curta e bem-humorada da IA: {{RESPOSTA}}\nVídeo pronto que aparece no fim (template, vídeo meu ou peça a criar): {{VIDEO_PRONTO}}\nMúsica (de preferência com batida marcada e um vão antes de um retorno forte): {{MUSICA}}\nFecho (marca, frase de apoio e selo): {{FECHO}}\nDuração: {{DURACAO}} (a referência tem 49,6 s) · Formato: {{FORMATO}} (a referência é 1080×1920)\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: LEIA-ME.md, estilo.md e roteiro.md. Depois abra projeto/html/index.html e veja como funcionam apply(t), window.seek(t), a tabela T de tempos, as curvas (E.io, E.out, E.inC, E.ae), as funções do Kit Motion Pro (molaLetra, pop, borracha, estalo, pilula, aperto, corte, arco), a câmera viva, o cursor, as constantes do vídeo pronto (LAMPEJOS, CENA9, PLAY_INI, CAPA) e window.__events(). Leia também render.mjs, render-trechos.sh, audio/trilha.py e os scripts de scripts-ae/. Me explique em poucas linhas o que você vai reaproveitar.\n\n2. Meça a música primeiro e monte a linha do tempo na grade dela: BPM, compasso, palmas ou batidas fortes, entrada do groove, vão e retorno. As trocas de tela caem nas batidas fortes, o envio do pedido cai num início de compasso, o vão vira o suspense do play e o retorno é o instante em que o vídeo pronto toma a tela. A duração total deve fechar num número inteiro de compassos.\n\n3. Tire a identidade do assunto, não da imaginação. Do meu site: logo, cores do CSS, fontes (baixe em woff2) e capturas reais das páginas que aparecem no vídeo, com a posição medida de cada botão e texto que vou destacar. Do app onde a ação acontece: recrie a interface em HTML com as cores, a fonte e os nomes reais dos menus. Nada de cor, menu ou botão inventado.\n\n4. Escreva o roteiro cena a cena, com o tempo de cada uma no compasso e o texto exato da tela, no molde do roteiro.md: gancho com lampejos do vídeo pronto, pergunta com uma palavra em destaque, um rótulo numerado por passo, o pedido digitado, a resposta curta, o processo em cartões de ferramenta (nomes reais das ferramentas, se houver), checklist, \"pronto\", cartão do vídeo, suspense, tela cheia e fecho. O humor vem de uma frase no pedido e de uma resposta que combina com ela; nada de piada forçada. Me mostre e espere meu ok.\n\n5. Escreva cada troca de tela como \"de quê para quê\" antes de animar: o link copiado vira pílula e voa para o campo, a caixa de entrada vira a bolha do usuário, o cartão do vídeo cresce até a tela cheia. Corte seco só no gancho; nos outros cortes, desfoque em pico ou chicote com desfoque direcional.\n\n6. Prepare o vídeo pronto antes das telas. Se for um template de After Effects, adapte numa cópia, por script: textos no meu idioma (alargando a moldura quando a frase não couber), fotos e logo trocados, cores, câmera e som do autor mantidos. Renderize, gere um JPG por quadro com o 04_pos_render.sh e escolha os trechos dos lampejos, do cartão e da tela cheia com folhas de contato, de modo que a explosão ou o maior gesto caia exatamente no retorno da música e a frase final termine inteira.\n\n7. Construa copiando o projeto, sem editar o original: troque textos, cores, fontes, capturas, ícones e a tabela T. Mantenha apply(t) sem transição CSS, timer nem estado acumulado; a câmera que nunca para; a digitação letra a letra com cursor; o cursor com caminho e clique que aperta o botão; a capa do cartão do vídeo igual ao primeiro quadro do play; e o render em trechos de 4 s.\n\n8. Som em paralelo, num subagente: exporte os eventos com window.__events(), um som padrão por tipo de evento, efeito com o pico no instante do evento, tonais no tom da música, sino tonal nas falas importantes, riser no vão e impacto no retorno. No trecho do vídeo pronto, use os efeitos do próprio template no mesmo ponto da animação (tempo no Reel = tempo no template + deslocamento). Efeitos sempre abaixo da música, com o ataque dos cliques chegando ao nível das batidas. Final a −14 LUFS, pico abaixo de −1 dBTP depois do AAC.\n\n9. Revise antes do render final: quadros parados nos momentos-chave (folha.py) e recortes em tamanho real dos textos pequenos; prévia com 2 subquadros e folhas a 2 qps; e uma IA que assista com áudio, perguntando onde o movimento para morto, onde um texto quebra de linha errado e onde a batida não bate com a troca de tela. Confira cada apontamento nos quadros antes de mexer.\n\n10. Render final em trechos de 4 s, junte com o mix.wav, confira com verificar.py (2.976 quadros para 49,6 s, 60 qps uniformes, BT.709, −14 LUFS) e entregue o MP4, o HTML editável e uma anotação do que mudou em relação à referência. Para corrigir uma cena depois, refaça só os trechos dela.",
  "campos": [
    "APP",
    "DURACAO",
    "FECHO",
    "FORMATO",
    "MUSICA",
    "PASSOS",
    "PEDIDO",
    "PRODUTO",
    "RESPOSTA",
    "SITE",
    "VIDEO_PRONTO"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=claude-mcp",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}