{
  "id": "clube-rankhog",
  "titulo": "Seja a resposta no ChatGPT",
  "categoria": "saas",
  "resumo": "filme de lançamento de 54 s, em 16:9 e sem narração, para a Rankhog, ferramenta de SEO pelo Reddit: ela acha as threads que já aparecem no Google e no ChatGPT, escreve a resposta, aquece contas do Reddit que você controla e roda em modo \"Copilot\" (você aprova) ou \"Autopilot\". É uma recriação do \"Reddit marketing tool launch video\" de Anthony Riera (@anthonyriera, fundador da Rankhog), publicado no prompt-motion.com (`anthonyriera-9b1b2a`). O original não nasceu de um prompt, e sim da skill `product-film` dele (repositório `Rieranthony/product-film-skill`, licença MIT), em várias rodadas no Remotion; a recriação usa o kit dessa mesma skill. O mascote, um porco-espinho, ganhou corpo: pula, agacha, corre, espia e dorme. A câmera nunca para, os elementos viajam de uma cena para a outra e cada ação tem o seu som (316 efeitos sobre a música).",
  "indicado": "startup ou SaaS com mascote ou personagem de marca; lançamento de ferramenta de marketing, SEO ou automação.",
  "estilo": [
    "modo escuro",
    "mascote animado",
    "frases grandes",
    "pontilhado",
    "câmera contínua",
    "magic move",
    "cortes na batida"
  ],
  "ficha": {
    "formato": "1920×1080, 60 qps, 16:9, cor BT.709",
    "duracao": "54,1 s (o original tem 52,8 s)",
    "motor": "ae",
    "voz": "sem narração; as frases grandes contam a história",
    "musica": "ver o guia de estilo",
    "fontes": "ver o guia de estilo"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects",
    "ElevenLabs"
  ],
  "ficha_tecnica": {
    "Duração": "54,1 s (o original tem 52,8 s)",
    "Formato": "1920×1080, 60 qps, 16:9, cor BT.709",
    "Voz": "sem narração; as frases grandes contam a história",
    "Ferramenta": "Remotion 4.0.520 (React); mestre a 240 qps juntado em 60 qps com motion blur",
    "Referência": "\"Reddit marketing tool launch video\" (@anthonyriera), skill `product-film`",
    "Trilha": "\"Boneless\" (Steve Aoki, Chris Lake, Tujamo), trecho a partir de 17,14 s da música; 128,02 BPM",
    "Som": "316 efeitos; mix final a −14,0 LUFS"
  },
  "etapas": [
    {
      "titulo": "O roteiro",
      "texto": "**Resumo:** o filme não tem narração; as frases grandes, em inglês como o site, contam a história, e o porco-espinho atua em todas as cenas. Abaixo estão as frases exatamente como aparecem, os atos por tempo (todos escritos em compassos no `cues.ts`) e os momentos da música. A ordem segue o original do @anthonyriera; cada troca passou a levar um elemento da cena anterior.\n\n## Como a história foi montada\n\n- **Arco:** o bicho acorda → apresenta o produto → monta a rede de contas → aquece as contas → acha as threads e escreve a resposta → você aprova ou solta no piloto automático → o Reddit aparece em 1º no Google → o ChatGPT recomenda o produto → slogan e logo.\n\n- **Orçamento por compasso** (regra da skill `product-film`): abertura de 1 a 2 compassos, frase de 1 a 1,5, cena de função de 2 a 4, prova de 1,5 a 2,5, fim de 2. Algo acontece em toda batida.\n\n- **Drop** no clique em \"Autopilot\" (compasso 16); **parada** de um compasso na troca para o ChatGPT (compasso 23).\n\n## Frases grandes, na ordem\n\n- `Meet Rankhog.`\n\n- `Promote one product` / `with many Reddit accounts.`\n\n- `Warm up Reddit accounts you own.`\n\n- `Or let it run.`\n\n- `Rank 1st on Google.`\n\n- `Be the answer` / `on ChatGPT.`\n\n- `Rank on ChatGPT and` / `Google through Reddit.` (o slogan do site)\n\nAs palavras de destaque (\"Rankhog.\", \"one product\", \"you own.\", \"run.\", \"Google.\", \"ChatGPT.\", \"Reddit.\") nascem brancas e são pintadas de laranja; Reddit, Google e ChatGPT entram com o logo antes do nome.\n\nOutros textos da tela: `[x] you own them`, `karma`, `r/startups`, `r/SaaS`, `r/Entrepreneur`, `How do small teams handle support?`, o rascunho `We built (your product) for this. Happy to help you set it up.`, `Approve each action,`, `Approved`, `Copilot` / `Autopilot`, `Joined`, `Post in r/SaaS`, `We stopped pitching and started helping.`, `(your keyword)`, `Get my free Reddit SEO audit ↗`.\n\n## Atos por tempo\n\n | \n\n | #\n | Tempo (s)\n | Compassos\n | O que acontece\n\n | 1\n | 0–3,8\n | 1–2\n | o contorno tracejado do bicho se desenha, o pontilhado sobe de baixo, os olhos abrem; a câmera sai de 114%\n\n | 2\n | 3,3–5,6\n | 2–3\n | \"Meet Rankhog.\" com o bicho descendo para baixo do texto\n\n | 3\n | 5,6–9,4\n | 4–5\n | \"Promote one product with many Reddit accounts.\", com o logo do Reddit antes do nome\n\n | 4\n | 9,4–13,6\n | 6–8\n | a rede: avatares das contas de demonstração ligados ao bicho por linhas\n\n | 5\n | 13,1–18,8\n | 8–10\n | \"Warm up Reddit accounts you own.\"; os avatares viajam para as linhas da lista; as barras de karma enchem segmento a segmento, `[x] Ready` acende em colcheias, o carimbo \"[x] you own them\" desce; o bicho faz polichinelo\n\n | 6\n | 18,8–26,3\n | 11–14\n | o radar de ondas tracejadas sai do bicho e acha as threads; o card vira o post grande; a resposta é digitada com cursor de texto; três checagens; o botão Approve\n\n | 7\n | 26,3–28,6\n | 15–16\n | o Approve vira a metade ativa do seletor Copilot / Autopilot; \"Approve each action,\"\n\n | 8\n | 28,1–30,5\n | 16–17\n | **drop:** o clique em Autopilot solta a enchente laranja de pontilhado; \"Or let it run.\"; o bicho corre\n\n | 9\n | 30,0–37,5\n | 17–20\n | o navegador com as tarefas do piloto (Join, Upvote, Post, Reply) e o cursor laranja \"rankhog\" trabalhando sozinho\n\n | 10\n | 37,5–41,3\n | 21–22\n | a janela vira a busca do Google, com o Reddit em 1º; o bicho espia gigante; \"Rank 1st on Google.\"\n\n | 11\n | 41,3–45,0\n | 23–24\n | **parada** de um compasso; a resposta do ChatGPT recomenda \"(your product)\"; a música volta em 43,12 s\n\n | 12\n | 45,0–47,8\n | 25–26\n | \"Be the answer on ChatGPT.\"\n\n | 13\n | 47,8–51,1\n | 26–28\n | o slogan do site, com os logos voando para o lugar de cada nome\n\n | 14\n | 50,6–54,1\n | 28–29\n | logo com wordmark, endereço e o botão \"Get my free Reddit SEO audit ↗\"; o bicho dorme e vira contorno, como no quadro 0\n\n## Momentos para a trilha\n\n- 0–13 s: groove (compassos 1 a 6).\n\n- 13–28 s: subida; o grave sai e os médios crescem (compassos 7 a 15).\n\n- 28,13 s: drop no clique em Autopilot.\n\n- 41,25 s: parada de um compasso, sem o grave; o bicho treme.\n\n- 43,12 s: volta.\n\n- 52,50 s: fim do último compasso; fade até 54,1 s.\n\nOs tempos de cada efeito estão em `audio/cues-sfx.json`, gerados pelo `mixar.py` com a mesma função `b()` do filme."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** a identidade é a do site da Rankhog, medida no CSS computado: modo escuro, laranja do Reddit como acento, Geist e Geist Mono, canto reto em tudo, moldura tracejada laranja e marcadores em mono (`[x]`, `[/]`, `[?]`). Por cima, um mascote com corpo e uma textura de pontilhado Bayer que vira enchente no drop. O movimento vem do kit da skill `product-film`: molas em forma fechada, câmera em mola pesada com zoom em escala logarítmica, frases grandes palavra por palavra e magic move entre as cenas. Os números saem de `remotion/src/` e do `audio/mixar.py`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Arquivo no pacote\n\n | Frases grandes e interface\n | Geist (100 a 900)\n | `remotion/public/fonts/geist.woff2`\n\n | Marcadores, URLs, rótulos\n | Geist Mono\n | `remotion/public/fonts/geist-mono.woff2`\n\nAs duas são as do site, baixadas dele.\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Papel\n\n | Fundo\n | `#0A0A0A`\n | fundo (oklch 14,5%)\n\n | Cartão\n | `#171717`\n | cartões\n\n | Superfície\n | `#121212`\n | janela do app, um pouco acima do fundo\n\n | Linha\n | `#262626`\n | bordas\n\n | Texto\n | `#FAFAFA`\n | texto principal\n\n | Secundário\n | `#A1A1A1`\n | texto de apoio\n\n | Apagado\n | `#525252`\n | itens inativos\n\n | **Laranja**\n | `#FF4500`\n | acento da marca (o laranja oficial do Reddit), botão chapado, palavra de destaque, cursor do produto\n\n | Laranja quente\n | `#FF6900`\n | tracejado secundário\n\n | Laranja fundo\n | `#842600`\n | tons do pontilhado\n\n | Verde\n | `#5EE9B5`\n | `[x]` e \"Ready\"\n\n | ChatGPT\n | `#10A37F`\n | resposta do ChatGPT\n\n | Google\n | `#4285F4`, `#EA4335`, `#FBBC05`, `#34A853`\n | busca do Google\n\nTudo que anima está em hex: `interpolateColors` não lê oklch nem `color-mix()`.\n\n## Componentes\n\n | \n\n | Peça\n | Como é\n\n | Porco-espinho\n | silhueta do `icon.svg` oficial refeita como polígono de 21 pontos; pose = posição, tamanho, esticar x/y, rotação, giro, olhar, piscar, humor, eriçar, balanço, desenho do contorno e preenchimento\n\n | Frases grandes\n | até 6 palavras em 2 linhas; cada palavra entra com desfoque de 16 px subindo 36 px em 0,3 s (`cubic-bezier(.22,1,.36,1)`) e guarda o lugar desde o início; logo de parceiro a 0,82 em antes do nome\n\n | Palavra de destaque\n | nasce branca e é pintada de laranja pelo pontilhado, da esquerda para a direita, em 0,3 s\n\n | Pontilhado\n | Bayer 4x4 pintado por quadro numa grade de células de 6 px; calmo atrás da interface, ralo atrás das palavras\n\n | Moldura\n | tracejado laranja em SVG (o tracejado em CSS \"anda\" quando a caixa muda de tamanho)\n\n | Contas\n | lista com avatar, nome (`u/founder_builds`, `u/mira_ships`…), barra de karma em segmentos e `[x] Ready` verde\n\n | Radar\n | ondas tracejadas saindo do bicho, que \"acham\" as threads\n\n | Post e rascunho\n | post em r/SaaS, resposta digitada com cursor de texto, três checagens e botão Approve\n\n | Seletor\n | Copilot / Autopilot; a metade ativa nasce do botão Approve\n\n | Navegador\n | tarefas do piloto (Join, Upvote, Post, Reply) e o cursor laranja com etiqueta \"rankhog\"\n\n | Google e ChatGPT\n | busca com o Reddit em 1º lugar; resposta do ChatGPT recomendando \"(your product)\"\n\n | Fecho\n | logo com wordmark, endereço e o botão do site \"Get my free Reddit SEO audit ↗\"\n\n## Transições\n\nMagic move em toda troca possível: o elemento que existe nas duas cenas viaja com mola (150/20), e o resto troca por desfoque (entra 0,18 s depois, desfoque de 10 px). Pares usados: avatar → linha da lista, card → post grande, Approve → metade do seletor, janela → Google, logos → slogan. No logo que voa para o slogan, o próprio item da linha anda `(origem − destino)·(1 − q)`, então o pouso é exato sem medir o DOM. Texto nunca atravessa texto. No drop, a enchente laranja nasce do botão \"Autopilot\".\n\n## Curvas e molas\n\n- **Mola em forma fechada** (`step(t)` do kit): pura, funciona em qualquer qps. Valor que muda de alvo = soma de um degrau por chave (`track`).\n\n- **Câmera:** mola pesada (rigidez 120, amortecimento 30, massa 1,2), com zoom em escala logarítmica.\n\n- **Frases:** `cubic-bezier(.22, 1, .36, 1)` em 0,3 s por palavra.\n\n- **Cursor:** chega exatamente no tempo do clique, em arco leve (até 70 px); o clique amassa 20% em 0,16 s e o alvo reage depois. O cursor do produto (laranja, com etiqueta) é separado do cursor do usuário.\n\n- **Pulo do bicho:** agacha 0,14 s antes (−20% de altura, +13% de largura), estica no ar (+16% de altura no começo e no fim), gira até 10° na direção do salto e pousa amassando (`0,24·e^(−7,5τ)·cos(17τ)`); respiração de ±1,8% a 0,55 Hz; tremidinha só na parada da música.\n\n- **Motion blur:** mestre a 240 qps, média de 4 subquadros (`tmix`) e 1 em cada 4 guardado, para 60 qps.\n\n## Câmera\n\n31 chaves `[tempo, x, y, zoom]` escritas em compassos (de 114% no começo a 100% quando o bicho acorda, aproximações no que está acontecendo, recuos nas trocas). Por cima, sempre: deriva somada de três senoides (±9 px em x, ±6 px em y, ±0,6% de zoom). Ao aproximar numa janela, a barra lateral nunca é cortada no meio da palavra: `x ≥ borda + 960/zoom`.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Boneless\" (Steve Aoki, Chris Lake, Tujamo), playlist millennial; trecho a partir de 17,14 s da faixa\n\n | Tempo\n | 128,02 BPM, batida de 0,46866 s, compasso de 1,87464 s; primeiro tempo forte em 0,008 s do filme\n\n | Seções\n | compassos 1–6 groove; 7–15 subida; **16 drop (28,13 s)**; 23 parada de um compasso (41,25 s); 24 volta (43,12 s); 29 fim (52,50 s)\n\n | Fecho\n | fade no fim, 1,65 s depois do último compasso\n\n## Sound design e mix\n\n | \n\n | Ação na tela\n | Efeito\n\n | contorno do bicho se desenha\n | caneta, tom abaixo\n\n | pulo e pouso do bicho\n | boing de desenho animado, pop\n\n | palavra das frases, itens entrando\n | pop, com tom subindo por avatar e por checagem\n\n | barras e contadores\n | contador rolando\n\n | teclas do rascunho\n | tecla de teclado\n\n | cliques\n | clique de mouse, clique curto\n\n | \"[x] you own them\", aprovação\n | carimbo, sucesso\n\n | radar, notificações\n | ruído digital, notificação digital\n\n | trocas de cena\n | whoosh curto, longo ou grave\n\n | drop e volta da parada\n | impacto em três camadas, impactos tonais, riser antes\n\n- 316 efeitos no pico (`evento − pico`), mesma família por ação; a lista está em `audio/cues-sfx.json`.\n\n- Música nivelada a −19 LUFS antes da soma; efeitos ×2,2; `loudnorm` final a −14,0 LUFS.\n\n- Medido no instante de cada acento: clique, pop e carimbo a ±2 dB da música; teclas ~6 dB abaixo; drop e volta da parada ~7 dB acima.\n\n## O que é \"humano\" neste vídeo\n\n- O bicho acorda devagar: o contorno se desenha, o pontilhado sobe e os olhos abrem.\n\n- Ele agacha antes de cada pulo e amassa ao pousar; os espinhos eriçam e balançam.\n\n- Os olhos acompanham a ação; o humor muda por cena; no fim ele dorme.\n\n- A câmera nunca para, nem nos trechos de leitura.\n\n- O cursor chega no tempo do clique, em arco, e o botão responde depois."
    },
    {
      "titulo": "A montagem no Remotion",
      "texto": "- **Instale o básico:** Node.js, ffmpeg e Python 3 com numpy e scipy. Dentro de `remotion/`, rode `npm install remotion@4.0.520 @remotion/cli@4.0.520 @remotion/bundler@4.0.520 @remotion/renderer@4.0.520 react react-dom` (o projeto original usava uma pasta `node_modules` compartilhada, que não vem no pacote).\n\n- **Veja e edite:** `npx remotion studio src/index.ts` abre o filme no navegador. Para revisar quadros: `node scripts/stills.mjs ../revisao 5 12.4 28.2`.\n\n- **Rascunho rápido:** `npx remotion render src/index.ts Rankhog ../render/draft.mp4 --scale=0.5 --muted`.\n\n- **Render final:** gere o mestre a 240 qps passando `--props='{\"fps\":240}'` e `--pixel-format=yuv444p`, com saída em `render/tmp/master-240.mp4` (12.996 quadros, ~12 min com 12 processos); depois `bash render/finalizar.sh`.\n\n- **Som** (opcional): coloque `audio/` ao lado de `remotion/`, aponte `NIV` e `PREM` no `mixar.py` para `audio/sfx/nivelados` e `audio/sfx/premium` e rode `python -I audio/mixar.py`.\n\n**Pegadinhas de cor:** o Remotion 4.0.520 com `yuv444p` grava em faixa cheia (`yuvj444p`), e o `tmix` converte para faixa limitada sozinho. O que funcionou foi `tmix` → `colorspace=all=bt709:iall=bt601-6-625:irange=tv:range=tv`; confira nos pixels decodificados que o fundo dá 10,10,10 (`#0A0A0A`). Outras: `interpolateColors` não lê `color-mix()` nem oklch (use hex em tudo que anima); tracejado CSS \"anda\" quando a caixa muda de tamanho (use SVG); avatar assíncrono sai vazio (use `<Img>`)."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **A marca medida no site.** Fundo `#0A0A0A`, texto `#FAFAFA`, laranja `#FF4500` (o do Reddit), verde dos `[x]` `#5EE9B5`, Geist e Geist Mono, raio zero, moldura tracejada laranja e marcadores `[x]` `[/]` `[?]`. Tudo anotado com a fonte.\n\n- **O mascote com corpo.** A silhueta do ícone oficial virou um polígono de 21 pontos; cada espinho tem comprimento, eriçar e balanço. Ele agacha antes de pular, estica no ar, pousa amassando, respira o tempo todo, faz polichinelo no \"warm up\", corre no \"let it run\", espia gigante no Google e dorme no fim.\n\n- **Folha de batidas como dado.** Todo o filme é escrito em compassos (`b(16)` é o drop); som e imagem leem a mesma função.\n\n- **Magic move antes de qualquer troca.** O elemento que existe nas duas cenas viaja: avatar → linha da lista, card → post grande, botão Approve → metade ativa do seletor, janela → Google, logos → slogan. O resto troca por desfoque curto.\n\n- **Algo acontece em toda batida.** Barras de karma enchendo segmento a segmento, `[x] Ready` em colcheias, carimbo \"[x] you own them\", digitação com cursor de texto.\n\n- **Interface grande.** Texto de 22 a 54 px a 1080p (o original tinha 13 a 16 px), com a câmera aproximando no que está acontecendo.\n\n- **Palavra-chave pintada pela marca.** A palavra de destaque nasce branca e o pontilhado a pinta de laranja da esquerda para a direita em 0,3 s.\n\n- **Fim que fecha o laço.** Slogan do site, logo com wordmark, endereço e o botão real \"Get my free Reddit SEO audit ↗\"; o bicho dorme e vira contorno, como no quadro 0.\n\nDetalhes de cores, curvas e som: estilo.md. Atos 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 | rascunho\n | render a meia escala e sem som, para revisar tempos e enquadramento\n\n | revisão\n | duas rodadas de quadros (`revisao/v1` e `revisao/v2`), comparadas lado a lado com o original\n\n | **final**\n | quadros parados caíram de 14,7% (original) para 1,1%, sem nenhum trecho parado de 0,5 s; um único salto entre quadros, no flood do drop (28,32 s), intencional; cor conferida nos pixels decodificados"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "o projeto Remotion: `remotion/src/film/` (o filme), `remotion/src/kit/` (o kit da skill `product-film`), `remotion/public/` (fontes Geist e Geist Mono, ícone da Rankhog, logos do Reddit, Google e ChatGPT, avatares do site), `remotion/scripts/stills.mjs`, `package.json`, `tsconfig.json` e o `render/finalizar.sh`"
    },
    {
      "pasta": "audio/",
      "conteudo": "mix final, faixa só de efeitos (`sfx-so.wav`), a música, o `mixar.py`, a lista dos 316 efeitos (`cues-sfx.json`) e os efeitos usados em `audio/sfx/`"
    },
    {
      "pasta": "referencias/",
      "conteudo": "o vídeo original, a página do original, as folhas de contato, a comparação lado a lado, o `APRENDIZADOS.md` (com o estudo da skill), quadros do estudo, o material do site (ícone, mascote, logos, avatares, texto) e a skill original `product-film` em `skill-original/`, só para leitura"
    },
    {
      "pasta": "render.mp4",
      "conteudo": "o vídeo final"
    },
    {
      "pasta": "film/cues.ts",
      "conteudo": "a folha de batidas como dado: `b(compasso, tempo, fração)` dá o segundo de qualquer batida; drop, parada, volta e fim; o início e o fim de cada ato. Nenhuma cena guarda número de quadro"
    },
    {
      "pasta": "film/tokens.ts",
      "conteudo": "as cores e fontes da Rankhog, medidas no CSS do site, e as contas de demonstração"
    },
    {
      "pasta": "film/Film.tsx",
      "conteudo": "a composição: camadas (fundo, textura, cenas sob a câmera, bicho, cursores, frases) e as 31 chaves de câmera"
    },
    {
      "pasta": "film/Punch.tsx",
      "conteudo": "as frases grandes palavra por palavra"
    },
    {
      "pasta": "film/Flood.tsx",
      "conteudo": "o pontilhado Bayer 4x4 da marca, que vira enchente laranja no drop"
    },
    {
      "pasta": "kit/",
      "conteudo": "o kit da skill: câmera, mola em forma fechada, cursor e caminho do cursor, pontilhado, frases, tempo"
    },
    {
      "pasta": "scripts/stills.mjs",
      "conteudo": "empacota uma vez e tira vários quadros (o `remotion still` reempacota a cada chamada)"
    },
    {
      "pasta": "audio/mixar.py",
      "conteudo": "música nivelada a −19 LUFS, os 316 efeitos em `evento − pico` com ganho ×2,2, nos mesmos tempos do `cues.ts`; `loudnorm` até −14 LUFS e −1 dBTP"
    },
    {
      "pasta": "render/finalizar.sh",
      "conteudo": "motion blur (`tmix` de 4 subquadros), conversão de cor para BT.709, áudio e comparação com o original"
    }
  ],
  "prompt": "Quero um filme de lançamento no mesmo estilo do projeto \"Seja a resposta no ChatGPT\" (Rankhog), que está em 07-videos/projetos/rankhog/, para o meu produto.\n\nProduto: {{PRODUTO}}\nSite: {{SITE}} (de onde sai o design system)\nMascote, logo ou símbolo que pode virar personagem: {{MASCOTE}}\nFunções que entram no filme (3 a 5): {{FUNCOES}}\nSlogan e chamada final: {{SLOGAN}}\nDuração e formato: {{FORMATO}} (a referência tem 54 s, 16:9)\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 da pasta rankhog, o referencias/APRENDIZADOS.md e a skill original em referencias/skill-original/ (SKILL.md e a pasta reference/). Abra projeto/remotion/src/film/cues.ts, tokens.ts, Hog.tsx, hogScript.ts e Film.tsx e me explique em poucas linhas como a folha de batidas, a câmera, o personagem e as frases se encaixam, e o que você vai reaproveitar.\n\n2. Descoberta da marca, em varreduras paralelas que devolvem valores e caminhos, nunca opinião: CSS computado do site (fundo, texto, secundário, acento, raio, fontes e de onde carregam), logo em SVG, mascote, textura ou assinatura visual e as telas das funções. Escreva um BRAND.md com cada valor e a fonte; ele vence o padrão da skill.\n\n3. Entrevista em duas rodadas, no máximo 4 perguntas por rodada, com 2 a 4 opções e a recomendada primeiro, usando os nomes reais das minhas funções. Rodada 1: onde o filme passa, duração, música, funções. Rodada 2: o que carrega a marca (mascote, logo, só interface), como as palavras aparecem, como as cenas se ligam, extras (cursor, prova, textura). Não pergunte o que o site responde. Depois me mostre 3 quadros de estilo em vez de perguntar o meu gosto.\n\n4. Trilha antes de animar: música real que eu ainda não usei. Meça com o beat_this e escreva o cues.ts com b(compasso, tempo, fração), o drop, a parada e o fim. Orçamento por compasso: abertura 1–2, frase 1–1,5, função 2–4, prova 1,5–2,5, fim 2. Me mostre a folha de batidas com o que acontece em cada compasso antes de construir.\n\n5. Reaproveite a engenharia, troque o conteúdo. Mantenha: o kit (mola em forma fechada, track com um degrau por chave, câmera em mola pesada 120/30/1,2 com zoom em log, cursor que chega no tempo do clique, pontilhado Bayer), as frases grandes (até 6 palavras, desfoque 16 px + subida 36 px em 0,3 s, cada palavra guardando o lugar), a palavra de destaque pintada pela marca, o magic move antes de qualquer troca, a deriva de câmera por cima das chaves e o motion blur por subquadros (mestre a 240 qps + tmix de 4). Se eu tiver mascote, faça o rig por parâmetros como o Hog.tsx: antecipação de 0,14 s, estica no ar, pousa amassando, respira o tempo todo, olhos que piscam e acompanham a ação. Troque: marca, telas, textos, personagem e trilha.\n\n6. Interface grande: nada abaixo de 22 px a 1080p; aproxime a câmera no que está acontecendo, sem cortar barra lateral no meio da palavra.\n\n7. Som: um efeito por ação, em evento − pico, nos mesmos tempos do cues.ts; mesma família por ação, tom subindo nas sequências, impacto em camadas no drop. Música nivelada a −19 LUFS antes de somar, efeitos ×2 a ×3, loudnorm final a −14 LUFS.\n\n8. Revise com stills (scripts/stills.mjs, empacotando uma vez) e com o detector de quadros parados e de saltos. Confira a cor nos pixels decodificados depois da conversão para BT.709. Em cada movimento, pergunte: está humano ou robotizado? Entregue o vídeo, a ficha do projeto e uma anotação do que aprendeu.",
  "campos": [
    "FORMATO",
    "FUNCOES",
    "MASCOTE",
    "PRODUTO",
    "SITE",
    "SLOGAN"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=rankhog",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}