Communitygithub.com

Captura de Screencast

Capture imagens nítidas da tela e câmera para um tutorial ou demonstração de produto — escolhendo o gravador (barra de ferramentas de captura do macOS, QuickTime, OBS, Game Bar do Windows), definindo resolução, taxa de quadros, cursor, microfone, preparando um palco livre de distrações e gravando em segmentos que podem ser refeitos. Use quando alguém disser

O que é Captura de Screencast?

Esta habilidade orienta a captura de screencasts limpos e de alta qualidade, focando exclusivamente na etapa de gravação bruta — antes de qualquer edição. Ela ensina a escolher a ferramenta certa (como as ferramentas nativas do sistema, o OBS Studio ou softwares dedicados) com base na complexidade do projeto, e a configurar parâmetros críticos como resolução nunca inferior à de entrega, taxa de quadros de 60 fps para movimento suave, microfone em trilha separada e cursor com visualização de cliques. A preparação do ambiente é enfatizada: ativar o modo Não Perturbe, limpar a área de trabalho, usar dados fictícios para demonstrações e ajustar o zoom da aplicação. A habilidade recomenda gravar em segmentos curtos e refilmáveis, um por cena, para facilitar correções, e define claramente quando entregar o material bruto para outras habilidades de edição, narração e legendas. É compatível com macOS e Windows, usando as ferramentas padrão do sistema ou o OBS Studio, que é gratuito e multiplataforma.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/screencast-capture

Perguntar na sua IA favorita

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

Documentação

O que Captura de Screencast faz?

A captura é a única etapa que não pode ser consertada na pós-produção. Uma gravação borrada, com lag ou cheia de notificações força uma regravação que nenhuma edição consegue salvar. Obtenha a filmagem bruta limpa e tudo a jusante fica mais fácil.

Quando usar

Recorra a esta habilidade quando o usuário precisar gravar algo na tela — o ato de capturar, não de cenografar ou editar. Isso inclui escolher um gravador, ajustar configurações, preparar a máquina e executar a tomada real. Se a filmagem já existe e a pergunta é sobre movimentos do cursor, zoom, cortes ou narração, passe para as habilidades mencionadas na descrição.

Escolha o gravador conforme a necessidade

  • Rápido, tela única, sem sobreposições → macOS: Cmd+Shift+5 (barra de ferramentas de captura) ou QuickTime "Nova Gravação de Tela". Windows: Win+G (Game Bar) ou o modo de vídeo da Ferramenta de Captura. Zero configuração, ideal para clipes curtos.
  • Bolha da webcam, múltiplas fontes, troca de cenas ou áudio do sistema e microfone em trilhas separadas → OBS Studio (gratuito, multiplataforma). Vale a configuração assim que você precisar de uma sobreposição com rosto ou mais de uma fonte.
  • Demonstrações de produto refinadas com zoom automático e suavização do cursor → uma ferramenta dedicada (Screen Studio no macOS, ou similar). Só recorra aqui se o usuário já a possuir; não torne uma ferramenta paga um pré-requisito.

Apresente claramente a troca: o OBS oferece controle ao custo de uma configuração de 10 minutos; os gravadores nativos oferecem rapidez ao custo de sobreposições e separação de trilhas.

Configurações de captura que importam

  • Resolução: capture na resolução de entrega ou superior, nunca inferior. 1080p (1920×1080) é o mínimo para tutoriais; 1440p/4K se o resultado final for 1080p e você quiser espaço para ampliar.
  • Taxa de quadros: 60 fps quando houver movimento do cursor, rolagem ou animação — fica dramaticamente mais suave. 30 fps é aceitável para segmentos majoritariamente estáticos com rosto. Escolha uma e mantenha-a consistente entre as tomadas.
  • Cursor: ative a visualização/destaque de clique se a ferramenta oferecer. Movimente-se com calma e devagar; o cursor é o olho do espectador. Esconda-o completamente em segmentos onde não é o assunto.
  • Microfone: grave o microfone em uma trilha separada do áudio do sistema (o OBS faz isso nativamente) para que você possa balanceá-los depois. Faça uma verificação de nível de 10 segundos primeiro — busque picos em torno de −12 a −6 dB, nunca clipando. Grave 3-5 segundos de som ambiente sem fala para o editor.
  • Taxa de bits: deixe a ferramenta definir o padrão, a menos que a filmagem pareça comprimida; nesse caso, aumente-a. Prefira um arquivo grande levemente comprimido agora a um pequeno cheio de artefatos.

Prepare o palco antes de apertar o record

É aqui que a maioria dos screencasts amadores é perdida. Antes da primeira tomada:

  • Ative o Não Perturbe / Foco para que nenhum banner de notificação apareça durante a gravação.
  • Limpe a área de trabalho: papel de parede neutro, sem arquivos pessoais, ícones da dock escondidos.
  • Feche toda aba e aplicativo irrelevantes. Saia de aplicativos de chat, e-mail, pop-ups de calendário.
  • Use uma conta de demonstração com dados fictícios — nunca PII real de clientes, e-mails reais ou nomes reais na tela. Remova qualquer informação sensível.
  • Defina o zoom do aplicativo para que o texto fique legível no tamanho de entrega, não apenas no seu monitor grande. Em um navegador, amplie para cerca de 125-150% e esconda a barra de favoritos; considere um perfil de navegador novo e vazio.
  • Faça a janela de captura corresponder à sua proporção de aspecto alvo (geralmente 16:9 para tutoriais) para não precisar cortar depois.

Grave em segmentos que podem ser refeitos

Não tente acertar uma tomada de dez minutos em uma única passada. Grave um batida do storyboard por clipe:

  • Ensai e a batida uma vez em silêncio para acertar os movimentos.
  • Comece a gravar, pause uma batida, então execute — deixe um segundo de silêncio no início e no fim como alças de edição.
  • Se você errar, pare, respire e regrave apenas aquele segmento. É barato refazer uma batida, caro refazer o vídeo inteiro.
  • Mantenha um ritmo consistente entre as batidas para que elas se encaixem limpidamente.

Entregar

Os clipes brutos vão para o editor / pipeline do Remotion para montagem, para o roteiro de narração para a locução que os acompanha, e para legendas a partir da transcrição depois que o áudio estiver travado. O trabalho desta habilidade termina quando a filmagem limpa existir.

Não faça

  • Não grave em uma resolução inferior à saída final "para economizar espaço" — você nunca conseguirá recuperar os detalhes.
  • Não deixe notificações, dados reais ou área de trabalho desordenada na tela; um único banner do Slack pode invalidar uma tomada inteira.
  • Não direcione a demonstração aqui (onde ampliar, como mover o cursor para dar ênfase) — isso é do diretor de demonstração de produto.
  • Não tente corrigir cursor trêmulo ou zoom errado na edição; recapture a cena.

Individual skills in this repo

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

Captions From Transcript

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video

Kinetic Typography

Put text in motion the right way - title cards, animated captions, lower-thirds, callouts, and word-by-word reveals - with a reading-time-per-word budget so copy holds long enough to read, plus enter/exit timing, weight and size transitions, and type hierarchy in motion. Use when someone asks to

Motion Design Principles

The craft layer for motion: pick the right easing (ease-in / ease-out / ease-in-out / spring), get timing and spacing right, build the anticipation→action→follow-through arc, and apply Disney

Narration Script

Write the spoken voiceover for a tutorial or demo - the actual words, phrased for the ear and synced one-instruction-per-action to what is on screen, with a pacing budget and a confident, jargon-checked tone. Use when someone says

Product Demo Director

Direct the craft of putting a real software UI on screen - cursor choreography, zoom/pan/callout language, screen-recording vs recreated-UI, and making state changes legible with highlights, focus pulls, and slow-downs. Use when filming or recreating an app for a product demo, feature walkthrough, onboarding clip, or release reel and asking

Remotion Compose

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says

Remotion Render

Renders a Remotion composition to MP4 and runs the edit-and-re-render loop - CLI render commands, 1080p/4K/9:16 presets, concurrency tuning, codec selection, batch variants from a JSON data file, and Lambda for cloud rendering. Use when someone says

Remotion Setup

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just

SkillMedev/tutorial-video-studio

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. Use when someone says

Social Video Formatter

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says

Sound and Music Sync

Score a video like an editor: beat-match cuts to the music, land SFX on transitions, pace the voiceover so it breathes, source royalty-free tracks safely, and duck the music so the VO sits clearly on top. Use when adding music, sound effects, or voiceover to a video, when asked to

Habilidades Relacionadas