criador-de-reels

Escolhe a aparência de um reel ou filme antes de ser construído. Mostra três looks genuinamente diferentes como stills do mesmo quadro de abertura com as mesmas palavras, para que a pessoa julgue a aparência e não o conteúdo. Mantém um registro de cada look já mostrado, para que nenhum look retorne a menos que solicitado, e trava um look de propósito para uma série. Use após o briefing do reel-intake ser aprovado e antes de qualquer teste físico, sempre que alguém disser "como deve ser a aparência", "me dê opções", "faça parecer diferente da última vez", "parece barato" ou iniciar um novo reel ou uma nova série.

O que é criador-de-reels?

Este skill, criador-de-reels, resolve o problema comum de agentes de IA que repetem o mesmo visual repetidamente ou mostram um look final que o usuário considera barato. Ele gera três opções visuais distintas como stills do mesmo quadro de abertura, garantindo que a pessoa julgue o estilo, não o conteúdo. O skill mantém um log de todos os looks já mostrados, evitando repetições não solicitadas, e permite travar um look para toda uma série. Suporta plataformas como Claude Code e ferramentas de linha de comando, utilizando regras claras para diferenciação de looks (com base em 6 eixos como meio, layout, textura) e verificações automáticas de segurança visual. O processo envolve esboçar 5 conceitos iniciais, selecionar os 3 mais diferentes, construir stills, renderizá-los e exibi-los lado a lado, e registrar a escolha final.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thativanng/reels-maker/tree/HEAD/skills/reel-style

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

estilo-de-reel: três looks, lado a lado, nunca os mesmos três duas vezes

Onde mora o kit: execute todos os comandos deste skill a partir da pasta reels-maker (o clone de github.com/thativanng/reels-maker que contém template/ e tools/). Se o projeto não tiver um, configure-o primeiro seguindo o SETUP.md desse repositório.

Por que isso existe: um agente solicitando "um reel sobre X" tende a derivar para o mesmo look toda vez: seus próprios padrões, ou pior, o último look que foi aceito. E um look que ninguém mostrou de antemão é um look que a pessoa vê pela primeira vez em um filme finalizado, onde "parece barato" significa recomeçar. Três stills custam minutos; um look errado custa um filme inteiro.

1 · Leia antes de esboçar

  • O briefing aprovado: plataforma, proporção, o único espectador, a mensagem, a marca e a resposta da pessoa para "o que parece barato para mim" (uma restrição rígida).
  • O registro de looks, .reels/looks-log.md no projeto da pessoa (formato em references/looks-log.md). Crie-o se estiver faltando.
  • A marca. Com uma marca, os três looks compartilham suas cores e fontes e diferem em seus ossos: meio, layout, textura, movimento. Sem uma, eles diferem em tudo.

2 · Esboce cinco, mantenha três

Escreva cinco conceitos de uma linha primeiro, cada um de um ponto de partida diferente:

  1. o próprio mundo do assunto (caixotes de armazém para um tópico de cadeia de suprimentos)
  2. a emoção que o espectador deve sentir
  3. o público: atenda à expectativa dele, ou quebre-a de propósito
  4. a aparência de todos os outros vídeos sobre este tópico, virada de cabeça para baixo
  5. um formato incomum (um recibo, uma contagem regressiva, uma carta, uma única palavra gigante)

Mantenha os três que mais diferem. Cada look deve diferir dos outros dois em pelo menos 3 dos 6 traços em references/axes.md, e sempre em meio ou layout. Pelo menos um deve quebrar a aparência usual do tópico. Dois looks com o mesmo formato de layout contam como um. Se o briefing nomear um layout (reel-intake F4), todos os três o mantêm e diferem em meio mais pelo menos dois outros traços.

Em seguida, verifique cada um contra duas listas:

  • Os looks padrão a evitar (references/axes.md). O próprio template/starter.html do kit é um deles; é um esqueleto, nunca um look.
  • O registro de looks. Nunca reexiba um look cujo meio, layout e paleta correspondam a qualquer look no registro, a menos que a pessoa peça. Um look rejeitado é uma restrição. Um look que a pessoa escolheu retorna apenas quando ela pedir ("mesmo da última vez"), e então como uma quarta opção ao lado dos três novos.

3 · Construa três stills

  • Copie template/starter.html uma vez por look para a pasta do reel (reels/<nome>/look-a.html, look-b.html, look-c.html), com o reel.json do reel ao lado deles; copie template/film.html da mesma forma para um look 3D. As fontes e formatos.json carregam da raiz do kit, então as cópias funcionam imediatamente. Altere apenas o look: os tokens CSS, o layout, o fundo, o tipo. Cada still usa a mesma batida de abertura com as mesmas palavras.
  • Renderize um still por look no formato do briefing e, em seguida, coloque-os lado a lado com seus nomes:
    node tools/stills.mjs --page reels/<nome>/look-a.html --format 9:16 --out reels/<nome>/out/looks/a 1.5
    node tools/stills.mjs --page reels/<nome>/look-b.html --format 9:16 --out reels/<nome>/out/looks/b 1.5
    node tools/stills.mjs --page reels/<nome>/look-c.html --format 9:16 --out reels/<nome>/out/looks/c 1.5
    python3 tools/sheet.py reels/<nome>/out/looks/sheet.jpg 3 360 --labels "A · Ledger,B · Dock,C · Receipt" reels/<nome>/out/looks/a/t001.50.jpg reels/<nome>/out/looks/b/t001.50.jpg reels/<nome>/out/looks/c/t001.50.jpg
    
  • Verifique cada still com a sonda: as palavras estão dentro da zona segura (node tools/probe.mjs --page reels/<nome>/look-a.html --format 9:16 "1.5" "sel:.title,.line,.kicker,.cap" "safe" → inside: true; a sonda mede as próprias letras, então uma palavra que ultrapassa o quadro falha).
  • Mostre a folha com um nome e uma linha por look, por exemplo A · Ledger: tipografia-liderada, papel claro, calmo. Adicione uma linha sobre a energia do movimento, já que um still não pode mostrá-lo. Não recomende um antes que a pessoa tenha olhado: uma recomendação primeiro os ancora.

4 · A escolha e o registro

  • A pessoa escolhe um, ou mistura ("layout do A, paleta do C"). Uma mistura é um novo look: mostre-o como um still antes de construir.
  • Registre tudo no log: cada look mostrado (seus seis traços e o still), qual foi escolhido, quais foram rejeitados e o veredito da pessoa em suas próprias palavras.
  • Em seguida, o film-engine constrói o teste de 10 segundos no look escolhido, para o sim da pessoa antes da construção completa. O still do look escolhido é também o primeiro rascunho da capa.

Modo série

Quando o briefing disser "série", a escolha do primeiro episódio é travada no log como o look da série. Episódios posteriores pulam os três stills e mantêm o look. A variedade se move para dentro: o assunto, a imagem de abertura, a ordem das batidas. Se a pessoa quiser um novo look no meio da série, isso é uma nova série.

Quando a história é uma jornada

A caminhada voxel (o skill voxel-walk) pode ser um dos três apenas quando o briefing é uma jornada: uma carreira, ou um processo do início ao fim. Nunca é o padrão, e está sujeito às mesmas regras: deve diferir dos outros dois, e o registro se aplica.

Limites honestos

  • Apenas a caminhada voxel foi construída e verificada de ponta a ponta. Qualquer outro look é construído do zero a partir do briefing: o primeiro filme em um novo look leva mais tempo, e recebe a auditoria completa do filme.
  • Stills mostram cor, tipo e layout. Eles não mostram ritmo. O teste de 10 segundos é onde o movimento é julgado.

Créditos

As regras "esboce cinco de caminhos diferentes, mantenha os outliers, mesmo layout conta como um" são adaptadas da rodada de pitch do HyperFrames (heygen-com/hyperframes, Apache-2.0). A ideia de nomear os looks padrão e manter notas sobre o que foi tentado vem do skill de design de frontend da Anthropic (parafraseado). Mesma cena, look diferente, lado a lado, é uma prática comum em estúdios de motion para quadros de estilo.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

thativanng/reels-maker

The gates every code-rendered film passes before anyone sees it. A 40 fps collision pass (no mover touches a solid or another mover), pixel probes (nothing sits over or behind a face, a head, a subtitle or the frame edge), then an independent auditor (a fresh agent) who reads frame sheets at ≥2 fps and signs off. The builder never signs off their own film. Use it before sending ANY render, after every fix round, and whenever someone says "check the film", "audit this", "is it ready", or "why does this frame look wrong".

thativanng/reels-maker

Build and render a film, reel or animation as code. One HTML page draws any frame on demand with window.seek(t), and a headless browser renders every frame at 2x into an MP4 with sound. Use it whenever someone wants a video made with code rather than a video generator, says "make a film / reel / animated explainer / career video", "render this to MP4", "turn this page into a video", or needs the finishing steps (audio cues, loudness, colour-safe encode, phone preview). It is style-agnostic and renders 9:16, 4:5, 1:1 or 16:9. It runs after reel-intake (the brief) and reel-style (the look), builds on template/starter.html or a style pack such as voxel-walk, and passes film-audit before anything is shown to anyone.

thativanng/reels-maker

The interview before any video is built. It reads what the person already gave (source text, CV, links, brand files), then asks the rest in a few short rounds of numbered questions with a recommended answer marked, always including the format (platform, reel or video, ratio, layout, length, sound). It ends in a one-screen brief that splits "you said" from "I assumed", plus a storyboard, and builds nothing until the person says yes. Use it whenever someone asks for a reel, a video, an explainer, a career film, an animation or a "make a video about X", before film-engine or any style pack, and again when a request changes its purpose, platform or audience mid-way.

thativanng/reels-maker

The voxel career-film style. A blocky 3D version of the person walks, without ever vanishing, through one scene per role. Their outfit changes as they walk, each scene rises out of the floor ahead of them, and a dark banner tracks year, company and role. Use it when someone wants their career, a journey or a "how I got here" told as a short 3D film for LinkedIn or a portfolio, says "make my career film", "turn my CV into a video", "voxel film", or wants a new chapter added to an existing one. It runs on film-engine (render, audio, finish) and must pass film-audit before anything is sent.

Habilidades Relacionadas