AI Coding Video: Biblioteca de Estilos para Criar Vídeos com Código
Conteúdo e método de manutenção em README.md. Este arquivo cobre apenas como o assistente de IA deve consultar e usar.
Quando Usar
- O usuário deseja definir um estilo para um vídeo, ou perguntar "quais estilos existem / qual estilo é adequado para X".
- Precisa de uma descrição de estilo para escrever prompts visuais ou código de renderização diretamente (Canvas, WebGL, SVG, Three.js, Manim, Remotion, etc.).
- O usuário quer ver como um estilo ficaria em seu próprio projeto (amostra), ou deseja fixar o estilo escolhido (pacote de estilo).
- O usuário possui gravações, capturas de tela, fotos, dados, ou deseja usar imagens geradas por IA, vídeos gerados por IA ou síntese de voz como素材, e quer montar o vídeo com código.
- Precisa escolher trilha sonora, efeitos sonoros ou tom de narração em chinês.
Uso em Três Níveis: Da Seleção ao Pacote de Estilo
| Nível | O que Fazer | Resultado | Quando |
|---|---|---|---|
| Nível 0: Dicionário | Selecionar 2–3 candidatos na biblioteca, fornecer prompts e justificativas | Lista de candidatos + prompt de estilo e caminho técnico para cada | Usuário ainda não definiu o estilo |
| Nível 1: Amostra | Adaptar os candidatos com as cores da marca, fontes e conteúdo real do usuário, executar por 3–5 segundos na stack do projeto | Uma amostra em 16:9 paisagem e uma em 9:16 retrato + colagem de frames para o usuário avaliar | O projeto precisa mudar ou adicionar estilos, feito em uma única conversa |
| Nível 2: Pacote de Estilo | Cobrir as apresentações comuns do projeto (abertura, explicação, dados, transições, legendas, etc.) no estilo aprovado | Módulos de código reutilizáveis + documentação de estilo (paleta, fontes, movimento, som, proibições) incluída nas diretrizes do projeto | Após aprovação do Nível 1 |
Cada nível requer aprovação do usuário antes de prosseguir. Antes da amostra do Nível 1, confirme se o caminho técnico funciona no projeto do usuário (navegador, GPU, ambiente Python, etc.).
Como Consultar (na ordem, não leia tudo de uma vez)
- Não sabe qual estilo usar → Primeiro, identifique a categoria: quadro gerado 100% por código (C), usando素材 reais (T), ou usando素材 gerados por IA (G). Se o usuário disser o tipo de vídeo (vlog, vendas, MV, notícias…), consulte primeiro a tabela "Por Tipo de Conteúdo" em
index.md, comparando as colunas T e G. Para estilo puramente de código, procure nas outras tabelas (tema, propósito de negócio, público, emoção, plataforma e formato,素材 e condições) uma linha correspondente; estilos que aparecem repetidamente são prioritários. Ofereça 2–3 candidatos com justificativa. - Já sabe o nome ou ID do estilo → Encontre o número (ex.:
C-013,T-007) na "Lista de Estilos" emindex.md, abra o arquivostyles/*.mdcorrespondente (C por tecnologia, T emstyles/footage.md, G emstyles/generated.md) e localize a entrada pelo âncora#C-013. - Precisa escrever o prompt completo ou código de renderização → Leia
prompting.md: 8 pontos de controle, template genérico, caminhos de produção, exemplos, erros comuns e soluções. - Quer filtrar por tecnologia (ex.: "só SVG" ou "precisa de Three.js") → Leia
tags.mdedata/styles.json. Cada entrada contémid / name / theme / content_type / materials / fit / prompt / layer / suggested / verified / render_code / pack / refs(C tem theme; T e G têm content_type e materials). - Precisa de som → Leia
sound.md: primeiro escolha trilha e efeitos por tema, depois selecione tom de narração por propósito. - Vai usar素材 (T, G) → Leia
materials.md: de onde vêm os素材, como verificar licenças, como gerar, como processar uniformemente antes de passar ao código, como combinar som. - Vai gerar amostra (Nível 1) ou pacote de estilo (Nível 2) → Leia
making.md: verificações prévias, escrita de amostras e autoavaliação, cinco práticas para pacotes de estilo e o que escrever em STYLE.md. - Precisa escrever código de renderização → Veja primeiro o código nativo deste skill:
samples/API.md(esqueleto de amostra e referência rápida de funções),samples/<ID>/(scene.js,sound.pyde cada estilo verificado),packs/<nome>/(pacotes de estilo). Os links em "código de amostra" e "pacote de estilo" indicam caminhos dentro do diretório deste skill; não é necessário acessar o GitHub.
Regras de Uso
- O bloco de código
textna entrada é o prompt de estilo; use-o como está, depois complemente tema, especificações, som e fluxo seguindo o template deprompting.md. - "Tecnologia (verificada)" significa que o repositório possui código que gera amostra funcional; "Tecnologia (sugerida)" é apenas recomendação não verificada — deixe claro para o usuário.
- Usar apenas o nome do estilo resulta em um estilo plano genérico: é obrigatório incluir 3–5 elementos marcantes, proibições e obras de referência.
- Obras de referência servem apenas para aprender composição, ritmo e lógica de cores; não copie personagens, logotipos ou músicas. Mesmo para "estilos homenagem" (ex.: C-187 Estilo Ghibli), aprenda apenas a técnica de desenho; personagens, cenários, logotipos e falas devem ser originais.
- O prompt define apenas a direção; cada execução gera resultados diferentes. Para reproduzir o mesmo efeito, modifique o código de amostra da entrada "Tecnologia (verificada)", não dependa apenas do prompt e não redesenhe do zero: primeiro copie
samples/<ID>/para o projeto do usuário e execute, depois troque o conteúdo (vejamaking.md"Nível 1: Amostra"). Se houver "pacote de estilo", use-o diretamente. - O código de amostra fornece o pipeline e a técnica de desenho, não o conteúdo: use o pipeline (lib.js, synth.py, batch.py) como está; técnicas como recorte, iluminação e textura podem ser emprestadas; personagens, composição, cores e texto da amostra não podem ser copiados para o vídeo do usuário — substitua pelo tema e marca do usuário.
- Os custos, tempo e ferramentas dos exemplos são auto-declarados pelos autores originais e não verificados; não os apresente como garantia ao usuário.
- Quadros da categoria C são gerados 100% por código, sem素材. Efeitos como rostos realistas ou narração com rosto real não são possíveis apenas com código; nesse caso, mude para T (素材 do próprio usuário) ou G (素材 gerados por IA) e informe ao usuário o que preparar.
- Categoria T: use apenas素材 cujos direitos o usuário confirmou, ou素材 de domínio público ou licença aberta; registre a origem e a licença de cada um. Categoria G: pode usar qualquer serviço de geração de imagem, vídeo ou voz; configure conforme materials.md "Configurar Serviços de Geração". Se alguma categoria não estiver configurada, informe o que precisa ser configurado; faça normalmente as partes que não precisam de geração. Não gere pessoas reais, não clone vozes reais.
Modificações
Para adicionar ou modificar estilos, veja a seção "Manutenção" em README.md. Após modificar, execute e verifique:
python3 scripts/build_index.py # Gera data/styles.json e a lista de estilos em index.md a partir de styles/*.md
python3 scripts/build_index.py --check # Verifica consistência de IDs, tags, imagens, links e lista
IDs só podem ser incrementados, nunca alterados; data/styles.json e a lista de estilos são gerados, não edite manualmente.