Communitygithub.com

raycfu/reel-builder

Transforma um conjunto de clipes de efeitos no formato viral de reel 'Eu digitei um comando e o Claude editou meu vídeo': uma tela de chat digita /nome-do-efeito, a edição é construída a partir de pontos brilhantes dentro de um cartão, aumenta para tela cheia e o reel termina em uma grade 'Comente PALAVRA' com suas edições. Adiciona apenas sons de teclado, para que você possa colocar sua própria música por cima. Acione com /reel-builder ou frases como 'criar o reel de chat', 'envolver meus efeitos no formato de chat do Claude', 'construir o reel de comente-para-o-prompt'.

O que é reel-builder?

O Raycfu/reel-builder é uma habilidade para agentes de IA como Claude Code que cria vídeos de demonstração no estilo 'chat screen' — um formato viral onde um comando de efeito é digitado em um chat, o efeito é construído a partir de pontos laranjas dentro de um cartão, e o vídeo termina em uma grade de comentários. Ela processa de 4 a 8 clipes de efeitos (raw e edited) e gera o reel completo com efeitos de digitação, sem música, permitindo que o usuário adicione sua própria trilha sonora. A habilidade é executada em Python, reutilizando o ambiente virtual do skill de efeitos (`.venv`), e suporta qualquer máquina por ser totalmente baseada em código. O fluxo de trabalho envolve coletar os clipes, configurar um arquivo JSON com metadados (como nome do usuário, palavra-chave de CTA, e posicionamento dos clipes), verificar com imagens de teste e renderizar o vídeo final. É útil para criadores de conteúdo que querem mostrar efeitos de edição de forma estilizada e consistente, sem depender de logotipos ou legendas fixas.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raycfu/claude_design_skills/tree/HEAD/reel-builder

Perguntar na sua IA favorita

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

Documentação

/reel-builder

Transforma de 4 a 8 clipes editados em um reel no estilo chat. É o formato onde uma tela de telefone digita /glass-widgets, Claude diz "Editando com glass-widgets...", o clipe é construído a partir de pontos laranjas, aumenta para tela cheia por 2 segundos, e o reel termina em uma grade "Comente EFEITO". Tudo é desenhado em código, então renderiza igual em qualquer máquina.

SK é a pasta desta habilidade. Ela reutiliza o ambiente Python da habilidade de efeitos (~/.claude/skills/effects/.venv). Se ele não existir, execute bash ~/.claude/skills/effects/scripts/setup.sh primeiro. PY = ~/.claude/skills/effects/.venv/bin/python (no Windows .venv\Scripts\python.exe).

1. Colete os clipes

Para cada efeito você precisa de dois arquivos do mesmo momento:

  • raw: o clipe antes do efeito (mostrado como thumbnail anexada no chat)
  • edited: o clipe com o efeito, da habilidade de efeitos (seuclipe_effects.mp4)

Faça cada clipe editado com pelo menos 4 segundos de duração e renderize-o um pouco mais longo do que o necessário, para que o efeito nunca desapareça da tela. O ideal é 1080x1920 vertical; qualquer outra coisa é redimensionada para caber.

2. Escolha o momento para cada efeito

Cada efeito mostra seu clipe por T_FULL + full_seconds (2,2 s no cartão de chat, depois full_seconds em tela cheia, padrão 2). offset é onde no clipe editado essa janela começa. Escolha-o para que a parte de tela cheia caia no ponto alto: o último tick da lista de verificação, o gráfico atingindo seu número, a pessoa apontando para a placa. Verifique com imagens estáticas (passo 4).

3. Escreva a configuração

Copie SK/examples/config.json para perto dos clipes e edite-o. Pergunte ao usuário por:

  • seu primeiro nome para a saudação ("greeting": "Boa noite, <nome>")
  • a palavra-chave de comentário para o CTA (cta_word, ex. EFEITO) e a linha inferior da pílula (cta_pill)
  • qual efeito abre o reel (cold_open.effect, um índice em effects) e suas três palavras (cold_open.lines)
  • até 8 clipes para a grade final (grid, cada um com um label, um clipe e o tempo de um bom quadro)
  • opcional more_label como +43 mais efeitos

Chaves que você pode configurar: output, full_seconds, end_seconds, cold_open (effect, from, seconds, lines; deixe de fora para não ter cold open), effects[] (name, desc, raw, edited, offset), greeting, end_command, end_desc, cta_word, cta_pill, more_label, reply_line1, reply_line2, grid_title, grid_subtitle, grid[] (label, clip, t). Os caminhos são relativos ao arquivo de configuração.

4. Verifique, depois renderize

  1. "PY" "SK/scripts/reel.py" config.json --info imprime a duração.
  2. "PY" "SK/scripts/reel.py" config.json --test 3.0 5.5 9.0 ... salva imagens check_XX.XX.jpg ao lado do config. Verifique o início e o fim de cada janela de tela cheia (o ciclo k começa em cold_open.seconds + k * 4.2, a tela cheia vai de +2,2 a +4,2). Olhe para elas você mesmo. Ajuste offset até que cada janela termine em seu ponto alto.
  3. "PY" "SK/scripts/reel.py" config.json renderiza três arquivos: o reel com sons de digitação, uma cópia silenciosa e os sons de digitação como um WAV, para que o usuário possa misturar sua própria música. Use --crf 5 para a maior qualidade, --jobs N para usar mais núcleos de CPU.

Regras

  • Sem logotipos de marcas. O indicador de funcionamento é um anel giratório original, de propósito. Não desenhe ou cole o logotipo de outra empresa no reel, mesmo que o usuário forneça o arquivo.
  • Sem legendas fixas sobre os clipes em tela cheia. Deixe o efeito carregar o momento.
  • Mantenha os sons de digitação como o único áudio, a menos que o usuário peça música.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas