Novo Estilo

O que Novo Estilo faz?

Um estilo é como um vídeo fica visualmente e se move. Ele mora em styles/<id>/ do workspace (compartilhado por todos os projetos) e é descrito pelo seu style.json; a página Estilos do Reel Studio o mostra (paleta, fontes, aparência, movimento, o que e evitar, exemplos, referências) e novos vídeos podem ser feitos nele. Leia os existentes primeiro (styles/*/style.json, e styles/collage-semitono/ para um completo) para que o novo seja escrito da mesma forma e não repita um que ele já tenha.

Fale na língua dele, do jeito que ele fala. Ele não pode responder diálogos interativos: pergunte em texto.

Seja breve. Um passo por mensagem, poucas linhas curtas: a pergunta e sua sugestão em uma linha, para que "sim" ou uma palavra seja suficiente. Sem introdução, sem recapitular os estilos que ele tem, sem explicar o processo ou o que vem a seguir, sem longas listas de opções (duas ou três, algumas palavras cada). Não repita o que ele disse; apenas prossiga.

1. Entrevista

Um passo de cada vez, nesta ordem; pule o que ele já disse. O que você precisa:

1. Nome e a ideia em uma frase: qual deve ser a sensação, para que tipo de vídeo é.
2. Referências: links (vídeos, contas, quadros, sites) e imagens. Ele pode colar ou arrastar imagens no chat: elas vêm com a mensagem dele como caminhos em .reel-studio/images/ do projeto; copie as que você usar para styles/<id>/refs/ (essa pasta é apenas do chat). Links para imagens: baixe-as lá (curl -L). Muitos arquivos de uma vez: crie styles/<id>/refs/ e abra para ele arrastá-los (macOS open <dir>, Windows explorer <dir>), depois aguarde até que ele diga que estão lá. Um reel do Inspiración que ele nomear: seus quadros estão em inspiration/<conta>/<código>/ (hook.jpg, sheet_NN.jpg). Olhe para cada imagem que ele te der (leia-a) e diga em uma linha o que você tira dela. Imagens que você encontrar ou propor: baixe-as para styles/<id>/refs/ e mostre no chat (![…](/workspace-files/styles/<id>/refs/x.jpg)), nunca apenas as descreva.
3. Cores: 3 a 6, cada uma com o que significa no vídeo (o fundo, a tinta, o acento que marca o que é importante…). Se ele não der nenhuma, proponha uma paleta a partir das referências, com os códigos hex.
4. Fontes: uma para títulos, uma para corpo ou rótulos, no máximo três, do Google Fonts. Proponha-as se ele não tiver nenhuma em mente.
5. Movimento: como as coisas aparecem e se movem (desenhado traço por traço, solto à mão, deslizado, cortado…), o ritmo, e como as cenas mudam.
6. Imagens: fotos reais (como são tratadas: recortes, meio-tom, duotone…), ilustrações desenhadas em código, ícones, ou nenhuma.
7. O que evitar: o que quebraria a aparência.

Em seguida, mostre a ele o estilo completo em um resumo compacto (uma linha cada: nome, paleta com significados, fontes, aparência, movimento, imagens, evitar) e peça a aprovação dele antes de escrevê-lo.

2. Escreva

• id: o nome em minúsculas com hífens, sem acentos (caderno-anotacoes); que não exista.
• styles/<id>/style.json, no idioma dele (cada texto nele aparece no estúdio):

{
  "name": "Caderno de anotações",
  "summary": "Uma ou duas frases: como parece e para que serve.",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Folha", "hex": "#FAF8F2", "meaning": "o fundo"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "títulos", "sample": "E se cair?"}],
  "look": ["Como um quadro é feito, um ponto cada."],
  "motion": ["Como as coisas se movem."],
  "sources": ["De onde vêm as imagens e como são tratadas."],
  "avoid": ["O que quebra a aparência, e por quê."],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}

• A ordem da palette importa: fundo primeiro, depois a cor do texto, depois as linhas (grades, bordas), depois os acentos. O estúdio desenha o pôster e as amostras de fonte a partir dela, então uma cor de texto que não seja a segunda pode deixá-los ilegíveis.
• fonts[].google é a família como em uma URL do Google Fonts (Patrick+Hand, Inter:wght@800): o estúdio carrega para mostrar a amostra. sample é um texto curto nessa fonte, do tipo de vídeo para o qual é.
• cutouts: true apenas se fizer recortes de foto com tools/cutout.py.
• references e examples são caminhos relativos ao workspace. examples são quadros aprovados de vídeos feitos neste estilo: vazio até que haja um. Sem exemplos, o estúdio desenha um pôster a partir da paleta e das fontes.
• Nunca defina "default": true (só ele altera o estilo padrão).
• Valide o JSON (python3 -m json.tool styles/<id>/style.json). A página Estilos o mostra por conta própria.

skill e template permanecem null: um vídeo neste estilo é construído sobre o template do estilo padrão com a aparência alterada para seu style.json (o estúdio diz "Sem template"). Quando ele estiver satisfeito com um primeiro vídeo nele, ofereça para escrever styles/<id>/SKILL.md (como construí-lo: componentes, como as imagens são tratadas, som) e seu próprio template a partir desse vídeo, e para adicionar seus melhores quadros a examples.

3. Fechar

Em duas linhas: está em Estilos (#/estilos/<id>), e ofereça para testá-lo em um novo vídeo.