Generalista 2D
Use esta skill para projetar, animar, texturizar e compor motion graphics editoriais no estilo de Vox (Atlas, By Design, Earworm, Missing Chapter) e Flat Pack FX abrangendo 2D, 2.5D e 3D usando as ferramentas já instaladas na máquina do usuário (ou recomendando ferramentas gratuitas caso estejam faltando).
Roteamento de Modo
| Modo | Escopo (2D / 2.5D / 3D) | Referência Principal |
|---|---|---|
audit | Verificar ferramentas gratuitas 2D/3D instaladas vs. downloads opcionais | references/2d-3d-toolchain-matrix.md |
design | Hierarquia visual, escala assimétrica, Estética Blueprint, paletas | references/vox-psychology-and-design.md |
map | Mapas vetoriais/satélite 2D, camadas 2.5D embossadas/extrudadas, terreno 3D e rotas KML | references/maps-and-geodata-2d-3d.md |
chart-timeline | Linhas do tempo pré-desenhadas, gráficos de barra/linha 2D/3D, repetidores de matriz de pontos, formas de onda | references/charts-timelines-and-data.md |
archival-collage | Marca-texto duplo, zoom/flash de jornal, bordas rasgadas, paralaxe 2.5D, projetor de slides 3D | references/archival-collage-and-camera.md |
Antes do passo 1, execute o resumo de intenção (references/intent-brief.md): preencha propósito, formato, assunto, aparência e restrições a partir da solicitação, pergunte apenas sobre o que está faltando (no máximo 4 perguntas, opções com um padrão recomendado), escreva brief.md, mostre uma prévia barata antes do primeiro passo caro e verifique o resultado em relação ao resumo antes da entrega. Uma peça que perde o objetivo do usuário é uma peça fracassada.
Fluxo de Trabalho Ponta a Ponta
- Auditar Toolchain (
audit)- Execute
uv run --no-project python scripts/check_vox_toolchain.pypara detectar ferramentas 2D/3D instaladas (Blender, DaVinci Resolve / Fusion, Remotion + Three.js/SVG, FFmpeg) e listar comandos de instalação gratuita de 1 linha (winget) para quaisquer ferramentas opcionais ausentes (QGIS, Inkscape, Krita).
- Execute
- Estabelecer Hierarquia e Superfície (
design)- Aplique Tensão de Escala Assimétrica (uma âncora dominante, generoso espaço negativo off-white
#F4F1EAou blueprint slate#1B222C, caminho de conexão). Execute o Teste de Olhar / Olhar de Volta antes de animar. - Construa os 3 Pilares da Autoridade Visual: Superfície (fibras de papel quentes + grão estático), Tinta (sangramento
Multiply/Color Burn+ luma matte + bordas ásperas +0,5–1,5pxde suavidade) e Vida (Posterize Timea8–12 fpspara elementos gráficos ou2–4 fpspara ebulição de textura de fundo).
- Aplique Tensão de Escala Assimétrica (uma âncora dominante, generoso espaço negativo off-white
- Gerar Ativos Processuais (
scripts/generate_vox_assets.py)- Execute
uv run --no-project python scripts/generate_vox_assets.pypara gerar definições de filtro SVG (bordas de papel rasgado de dupla passagem, sangramento de tinta, luma mattes de meio-tom cruzado a 45°, grão de papel) e layouts de linha do tempo proporcionais.
- Execute
- Construir Cena no Mecanismo 2D / 2.5D / 3D Escolhido (
map,chart-timeline,archival-collage)- Código / Web 2D e 3D: Remotion + filtros SVG (
<feTurbulence>+<feDisplacementMap>) + Three.js / React Three Fiber (câmera35mm, DOF, planos Z). - Compositor de Nós 2D e 2.5D: DaVinci Resolve Fusion (
FastNoise+Displace, repetidoressRender, traçosPaint,ImagePlane3D+Camera3D). - 3D Completo e 2D em 3D: Blender 5.2 (traços Grease Pencil com modificadores
Noise/Build, nós Geometry Nodes para linhas do tempo/gráficos de barra proporcionais, mapas de terreno 3D deslocados, Cycles/EEVEE35mmProfundidade de Campo + passagem de lente/grão do Compositor).
- Código / Web 2D e 3D: Remotion + filtros SVG (
- Aplicar Passagem de Acabamento e Validar (
scripts/validate_vox_recipe.py)- Adicione Profundidade de Campo sutil de 35mm (ou máscara de foco de camada de ajuste suavizada), Aberração Cromática radial, Vinheta e cadência Posterize Time.
- Execute
uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json>para verificar conformidade com todas as leis visuais Vox.
Para qualquer passo feito no Blender (geometry nodes, shaders, rigging, weight paint, NLA, bpy), carregue a skill use-3d-software para os nós exatos e nomes atuais 5.x. Para edição, legendas, reajuste de tempo, transições, gradação e exportação em qualquer editor (Resolve, CapCut, Premiere, Kdenlive, FFmpeg), carregue edit-video.
Crie skills para passos individuais: draw-and-paint-art (desenho, figuras, pintura no Krita), paint-stylized-backgrounds (fundos, pintura sobre, paralaxe, folhagem e água em movimento), animate-characters (movimento de personagens, quadro a quadro, cut-out) e rig-characters (fantoches cut-out).
Leis Visuais Principais Vox (Inegociáveis)
- Sem Canvas Digital Estéril: Nunca use fundos
#FFFFFFou#000000puros. Use papel quente (#F4F1EA), creme de arquivo (#EFECE6) ou blueprint slate (#1B222C) com grão estático. - Bordas de Papel Rasgado de Dupla Passagem: Recortes em fundos movimentados exigem uma borda de papel off-white (
Simple Choker/ dilatação morfológica) áspera com duas passagens: Passagem 1 (Spiky/ cortes de tesoura em grande escala) + Passagem 2 (Roughen/ borda fina de fibra de papel) + textura de tecido/papelHard Lightrecortada no recorte. - Meios-tons de Citação Impressa: Aplique luma mattes de pontos de meio-tom cruzados
+45°/-45°(divididos em mattes de destaque e sombra) reduzidos ao limiar de percepção (8%–18%de opacidade) para que recortes de notícias modernas pareçam impressos e verificados. - Lei da Linha do Tempo de Régua Pré-desenhada: Nunca espaçe intervalos de tempo desiguais uniformemente. Desenhe primeiro uma escala de régua/tique espaçada uniformemente, então posicione os eventos em suas coordenadas proporcionais reais para que aglomerados e lacunas contem a história.
- Lei do Marca-texto Duplo:
- Texto Digital/Tela: Traço
#FFE600limpo, modo de mesclagemMultiply, altura do traço mais curta que a altura da maiúscula (~75–85%), texto não destacado escurecido para ~30%de opacidade. - Página de Livro/Arquivo: Bordas ásperas de 3 passagens (riscos horizontais de marcador + borda + borda áspera) + deslocamento turbulento
Bulge, colocado no espaço 3D com uma câmera35mme Profundidade de Campo rasa rastreando a linha.
- Texto Digital/Tela: Traço
- Gráfico de Velocidade da Câmera: Todos os movimentos panorâmicos e zoom da câmera 2D/3D devem usar uma distância focal equivalente a
35mm, controle pai Null e um gráfico de velocidade de sino Bezier Contínuo (ease-in lento -> ajuste rápido -> settle lento), nunca quadros-chave lineares.
Scripts e Referências
- Auditoria da toolchain:
scripts/check_vox_toolchain.py - Gerador de ativos e filtros SVG:
scripts/generate_vox_assets.py - Validador de receita:
scripts/validate_vox_recipe.py - Testes unitários:
scripts/test_vox_skill.py