alexlukman/looks

/looks

┌──────────────────────┐
│ EMPLOYEE_042 DOCS: 6 │  rótulos dependem do visual
│  ┌──┐    ▭           │
│  │  │   o   ▤        │  um funcionário carrega uma pilha de papéis
│  └──┘  /|▤▤  ┬─┬     │  a folha de cima escorrega aos 3 s
│        / \    ~      │
└──────────────────────┘

Uma cena, nove estilos. Use para mostrar um estilo rapidamente, para comparar looks lado a lado, ou como base para suas próprias cenas de personagem.

Primeiro uso

A pasta deste skill é o "Diretório base" que o Claude Code mostra quando o carrega.

SKILL_DIR="<diretório base deste skill>"
KIT=$(python3 -c 'import os,sys;print(os.path.realpath(os.path.join(sys.argv[1],"..","..","kit")))' "$SKILL_DIR")
[ -s "$KIT/node_modules/playwright/package.json" ] || bash "$KIT/setup.sh"

Requer Node, Python 3, ffmpeg e Chrome ou Chromium (CHROME=/caminho/para/chrome se necessário). É um canvas 2D: os looks "3D" (claymation, holograma) são desenhados para parecer assim, não modelados.

Passos

1. Pergunte qual look (ou vários) e quaisquer palavras para alterar (crachá, placa, comando do terminal, temperatura).
2. Especificação. Escreva <nome>.looks.json, ex.: { "look": "anime" }. Para vários looks, escreva uma especificação por look.
3. Verifique. python3 "$SKILL_DIR/build.py" <especificacao.json> --check gera stills nos tempos 0, 1, 3, 5 e 5.9 s e avisa sobre texto que não cabe.
4. Renderize. python3 "$SKILL_DIR/build.py" <especificacao.json> gera <nome>.looks.mp4 (1080x1920, 30 fps, 180 quadros, H.264 yuv420p, sem áudio). A maioria dos looks leva menos de um minuto; aquarela e claymation são mais lentos devido ao desfoque.
5. Entregue os caminhos dos mp4.

Os looks

look	O que faz	Palavras que usa
hologram	Formas ciano translúcidas com bordas brilhantes, luz aditiva, hachura wireframe, linhas de varredura em movimento, pequenas falhas, um chão quadriculado e um disco projetor com anéis giratórios. A folha explode em partículas e se reforma na pilha.	name_tag, contagem de docs
cyberpunk	Escritório noturno: tubos de néon rosa e ciano, chuva e prédios iluminados atrás da janela, uma placa de neon que pisca brevemente, uma luz de borda rosa de um lado e ciano do outro, chão refletivo molhado, névoa e bloom.	sign
paper	Papel craft com bordas recortadas rugosas, textura de fibra e sombras projetadas; tachinhas de latão nas juntas; animado em dois quadros (12 fps) com um pouco de tremor a cada passo.	nenhuma
blueprint	Linhas brancas e ciano em uma folha azul quadriculada; o escritório se desenha sozinho; linhas de cota para altura, pilha, velocidade e passada; a queda da folha desenhada como um arco tracejado com uma nota; um bloco de título.	title, dims, slip_note
thermal	Valores de calor mapeados através de uma paleta ironbow (rosto e mãos mais quentes, a caneca quente e fumegante, a janela fria), com desfoque e ruído de sensor; uma mira com uma temperatura, uma barra de escala, um ponto REC e um timestamp.	temp, timestamp
anime	Sombreamento cel em dois tons, contornos finos escuros, cabelo espetado com brilho, olhos grandes, um céu pintado e raios de luz em um chão de madeira. No escorregamento: um zoom rápido no rosto, linhas de velocidade, uma gota de suor e um !? vermelho.	exclaim
ascii	A cena convertida em caracteres verdes em cerca de 80 colunas, com scanlines de CRT e uma vinheta; um comando se digita sozinho no topo com um cursor piscando; uma linha de aviso no escorregamento.	command, warn
watercolor	Lavagens suaves com bordas mais escuras e acumuladas, linhas de lápis soltas ligeiramente fora da cor, granulação de papel e uma margem branca; as lavagens mudam a cada 6 quadros para dar um efeito cintilante.	nenhuma
clay	Sombreamento de plasticina com marcas de pressão de polegar, olhos de conta, uma sombra de contato suave, um fundo desfocado como lente macro, animado em dois quadros com um pequeno balanço.	nenhuma

Especificação

{ "look": "hologram", "docs": 6, "slip_at": 3.0, "caption": "",
  "name_tag": "EMPLOYEE_042", "sign": "OPEN 24/7", "temp": "36.8°C", "timestamp": "2026-11-11 21:04",
  "command": "user@office:~$ ./walk --docs 6", "warn": "!! WARN: sheet_01 detached",
  "title": "OFFICE WALK / STUDY", "slip_note": "SHEET 01 - DETACHED",
  "dims": ["H 1.78 m", "STACK 0.30 m", "v = 1.32 m/s", "STRIDE 1.39 m"], "exclaim": "!?" }

• look: um dos nove acima. docs: folhas na pilha (2-10). slip_at: quando a folha de cima escorrega (0.5-4 s).
• caption (opcional): uma linha curta perto do topo, para qualquer look.
• As outras palavras só aparecem nos looks listados na tabela.

Modificando

• A cena é uma lista de formas com um nome de material (skin, shirt, paper, desk, ...). office() constrói a sala e worker(t) a pessoa (ciclo de caminhada, braços de 2 ossos, a pilha de papéis). Cada look em LOOKS mapeia materiais para suas próprias cores ou valores de calor e desenha a lista à sua maneira, então um novo adereço é uma linha em office() mais uma cor em cada paleta.
• Para adicionar um look, adicione uma função a LOOKS e seu nome a LOOKS em build.py.
• A ideia de escritório isométrico do mesmo conjunto de prompts é melhor feita com /isometric.

Outros tamanhos de tela

Cada skill renderiza em 9:16 e pode então encaixar o vídeo em qualquer quadro. Adicione à especificação:

• size: "16:9", "1:1", "4:5", "4:3", "21:9" ou qualquer "LARGURAxALTURA" como "1920x1080".
• fill (opcional): "blur" (padrão, uma cópia desfocada do vídeo preenche os lados) ou uma cor como "#101010".
• zoom (opcional, padrão 1): acima de 1 amplia a imagem e corta as margens superior e inferior silenciosas; até cerca de 1.25 é seguro em paisagem. Verifique que nada importante no topo ou no fundo seja cortado. A folha de contatos é feita a partir da renderização 9:16. Para um vídeo que você já tem: python3 "$KIT/resize.py" <video.mp4> --size 1920x1080 [--fill blur] [--zoom 1.2].

Bom gosto

• Um pequeno evento narrativo (o escorregamento) por clipe. Deixe o estilo carregá-lo.
• Sem efeitos estroboscópicos: a piscada do néon, o ponto REC (1 Hz) e as falhas são curtos e espaçados.
• Texto nunca abaixo de 40 px, com margem de 90 px nas laterais e 220 px no topo e fundo.