# Destilação de estilo (v1)

Este não é um visual, é uma técnica: transformar um vídeo que você achou legal em uma receita que o agente consegue repetir.
O agente baixa a referência, assiste quadro a quadro, mede o que vê (fundo, traço, cores, fontes, como as coisas entram na tela,
ritmo, legenda, estrutura do roteiro) e escreve tudo num guia no mesmo formato dos estilos prontos. Depois disso, pedir "faz no
estilo X" já sai igual, e dá para trocar só um detalhe (por exemplo, o roxo de destaque por azul).

## Quando usar

- Você viu um vídeo com um visual que quer reproduzir e o estilo não existe na biblioteca.
- Você quer um visual próprio e repetível, em vez de refazer o pedido inteiro a cada vídeo.
- Quer tirar de uma referência só o jeito de fazer (estilo, ritmo, estrutura), com as suas cores e a sua voz.
- Antes de uma série: destile uma vez, produza dez vezes.

## Quando não usar

- Para copiar a obra de outra pessoa: o objetivo é aprender o método, não reproduzir o conteúdo, os personagens ou o texto.
- Referência de baixa qualidade, muito curta (menos de 8 s) ou com vários estilos misturados.
- Quando um estilo pronto da biblioteca já resolve. Procure lá antes.
- Vídeo que depende de efeitos de câmera reais, filmagem ou 3D complexo e que você não sabe produzir em código.

## Tokens

Parâmetros do processo (o que o agente usa para destilar) e o formato dos valores que ele precisa devolver.

| Parâmetro | Valor | Uso |
| --- | --- | --- |
| Quadros para a folha de contato | 1 a cada 2 s, em prancha de 4 x 3 | visão geral do ritmo e das cenas |
| Quadros para medir cor e traço | 3 a 5, em tamanho cheio | ler os valores de cor e a espessura do traço |
| Quadros para medir entradas | 1 a cada 0,25 s ao redor de cada cena nova | ver como o elemento chega (pop, desenho, deslize) |
| Modelo que assiste ao vídeo | Gemini (vídeo enviado inteiro) | descreve cena por cena, com tempos aproximados |
| Tempos do Gemini | aproximados | servem para ordem e ritmo, nunca para sincronizar |
| Cores | hexadecimal, lido de um quadro grande | nunca "azul claro" ou "cinza", sempre o código |
| Fontes | nome da família, peso e tamanho relativo | se não souber, escolha a mais próxima do Google Fonts |
| Resultado | um `STYLE.md` e um `ficha.json` | mesmo formato dos estilos da biblioteca |

O que o agente precisa devolver, com valores medidos (exemplo do resultado de uma destilação real, já adaptado com o destaque azul):

```json
{
  "cores": { "papel": "#F4F2EC", "traco": "grafite escuro", "destaque": "#1D4ED8", "segundaCor": "laranja, só para o lado ruim" },
  "fontes": { "titulo": "Permanent Marker ou Caveat Brush", "legenda": "Special Elite ou Courier Prime" },
  "traco": "lápis com tremido de mão, desenhado na frente de quem assiste",
  "entradas": "traço que avança, pop rápido em botões, bolhas e carimbos",
  "quadro": "quase fixo, com pan e zoom sutis só quando a ação pede",
  "duracao": "90 s a 2 min (a referência tinha 3 min)"
}
```

## Regras

1. **Baixe a referência inteira** (com uma ferramenta de download como o yt-dlp) e confira duração, resolução e se o áudio veio.
2. **Monte a folha de quadros primeiro.** Extraia um quadro a cada 2 s com o ffmpeg, junte numa prancha e olhe com os seus próprios olhos
   (o agente lê imagem). A folha mostra o ritmo, as trocas de cena e as mudanças de cor.
3. **Peça ao Gemini para assistir ao vídeo inteiro** e descrever cena por cena: o que aparece, como entra, quanto dura. Os tempos dele
   são aproximados; use-os como ordem e ritmo.
4. **Meça, não adivinhe.** Cor em hexadecimal lida do quadro grande, fonte por nome, espessura do traço em pixels, duração de cada
   entrada em décimos de segundo. Se não deu para medir, escreva "estimado".
5. **Descreva o estilo em nove pontos:** o fundo, o traço, as cores, as fontes, como as coisas entram na tela, o ritmo, a legenda, o
   som e a estrutura do roteiro (gancho, mecanismo em passos, virada, fecho).
6. **Separe a forma do conteúdo.** Escreva o que é do estilo ("papel creme, lápis preto, uma única cor de realce") e deixe de fora o
   que é do vídeo (o tema, os personagens, as frases, os números).
7. **Troque o que for pedido e só isso.** Se o aluno quer o roxo em azul, troque o roxo em todos os tokens e mantenha o resto.
8. **Registre o que faz o vídeo funcionar.** Se o fim com pergunta em aberto rendeu muitos comentários, isso é parte da estrutura.
9. **Escreva o guia no formato dos estilos prontos** (título, quando usar, quando não usar, tokens, regras, proibições, som, prompts,
   componente de referência, de onde vem) e dê um nome fácil de pedir ("explainer desenhado").
10. **Prove que funciona.** Faça um vídeo curto de 15 s usando só o guia e compare com a folha de quadros da referência. O que não
    bateu volta para o guia como regra nova.

## Proibições

- Copiar o texto, o roteiro, as falas, os personagens ou a identidade do criador da referência.
- Citar o perfil, o nome ou o link de quem fez o vídeo dentro do guia. O guia descreve o estilo, não a pessoa.
- Escrever cor sem código, fonte sem nome ou "tempo normal" no lugar de segundos.
- Usar o tempo do Gemini para sincronizar legenda ou cortes (ele erra por décimos de segundo).
- Inventar o que não viu: se o vídeo não tem som, a seção Som diz que não tem.
- Encher o guia de regras de gosto sem ter medido nada.

## Som

Destile o som como o resto, ouvindo a referência:

- **Música:** gênero, instrumentos e andamento (por exemplo, instrumental leve com marimba e piano, calma, 20 dB abaixo da voz).
- **Efeitos:** os sons que marcam cada ação (lápis riscando, tecla de máquina de escrever, um "ding" ao revelar um número) e com que frequência.
- **Voz:** ritmo (palavras por segundo), tom (calmo, didático, seco) e o humor, se houver.
- **Proibido:** o que a referência claramente evita. Se não souber, deixe escrito que não foi possível medir.

## Prompts dos assets

Os prompts que o agente usa durante a destilação. O primeiro vai para o Gemini com o vídeo anexado; o segundo é o pedido do aluno ao agente.

**Análise do vídeo (para o Gemini)**
```
Assista a este vídeo inteiro e descreva, cena por cena e com tempos aproximados: o fundo e a textura, o tipo de traço, as cores
(com o código hexadecimal de cada uma), as fontes (família, peso e tamanho relativo), como cada elemento entra e sai da tela
(desenho, pop, deslize, fade) e quanto dura a entrada, o ritmo dos cortes, o formato e a posição da legenda, a música e os
efeitos sonoros, e a estrutura do roteiro (gancho, desenvolvimento, virada, fechamento). Responda em português, em tópicos.
Não resuma o assunto: descreva só a forma.
```

**Pedido do aluno ao agente**
```
Achei estes dois vídeos e quero fazer os meus nesse estilo: <link 1> e <link 2>.
Baixa os dois, assiste quadro a quadro e destila o estilo: fundo, traço, cores, fontes, como as coisas entram na tela, ritmo,
legenda e estrutura do roteiro. Troca só o <cor da referência> de destaque por <a minha cor>. Salva tudo como um estilo
reutilizável chamado "<nome do estilo>", pra eu poder pedir depois "faz no estilo <nome do estilo>".
```

## Componente de referência

Esqueleto do guia que o agente deve preencher no fim da destilação (o formato é o mesmo dos estilos prontos):

````markdown
# <Nome do estilo> (v1)
<um parágrafo: como o vídeo parece, sem citar o criador da referência>

## Quando usar
## Quando não usar
## Tokens
| Token | Valor | Uso |
| --- | --- | --- |
| Fundo | `#______` | ... |
| Traço | `#______`, ___ px | ... |
| Destaque | `#______` | só o que importa |
| Fonte de título | ______ | ... |
| Fonte de legenda | ______ | ... |
| Entrada | pop / traço / deslize, __ s, curva ______ | ... |
```json
{ "cores": {}, "fontes": {}, "tempo": {}, "curvas": {}, "zonas": {} }
```
## Regras        (numeradas, as que não se negociam)
## Proibições
## Som
## Prompts dos assets
## Componente de referência   (15 a 40 linhas de código que mostram o estilo funcionando)
## De onde vem   (de qual aula, qual pedido gerou)
````

E o que um bom guia diz sobre a estrutura do roteiro (exemplo do que saiu de uma destilação real): um gancho com um número ou uma promessa
absurda, a metáfora montada e repetida o vídeo inteiro, o mecanismo em passos numerados, a virada, as letras miúdas (o porém honesto) e um
fecho com pergunta em aberto e um pedido de comentário, que rendeu cerca de 20 vezes mais comentários que o fecho fechado.

## De onde vem

- **Como produzir:** não há uma skill única. O agente usa o ffmpeg (quadros), o Gemini (assistir ao vídeo) e a biblioteca de estilos
  (`moodboards`) para gravar o resultado. A destilação feita no curso virou a skill `explainer-desenhado`, que produz o estilo
  papel e lápis.
- **Aula:** 6, Destilação de estilo.
- **Pedido de exemplo:** "Achei esses dois vídeos e quero fazer os meus nesse estilo: <link 1>, <link 2>. Baixa os dois, assiste quadro a
  quadro e destila o estilo: fundo, traço, cores, fontes, como as coisas entram na tela, ritmo, legenda e estrutura do roteiro. Troca só
  o roxo de destaque por azul. Salva tudo como um estilo reutilizável chamado 'explainer desenhado', pra eu poder pedir depois 'faz no
  estilo explainer desenhado'."