Communitygithub.com

ElbertePlinio/dotfiles

Use ao criar ou editar um vídeo curto de demonstração de marketing de produto a partir de gravações reais de tela (desktop ou web), incluindo edição no Remotion, legendas, efeitos de zoom ou desfoque, um mestre 16:9 com reformatação para mobile 4:5 e miniatura, ou gravação de metadados sincronizados de ponteiro e clique. Gatilhos incluem: fazer um vídeo de demonstração desta funcionalidade, transformar esta gravação de tela em um clipe de marketing, gravar uma demonstração de produto ou reformatar uma demonstração para redes sociais.

O que é dotfiles?

Esta skill (ElbertePlinio/dotfiles) permite criar vídeos de demonstração de produto de qualidade profissional a partir de gravações reais de tela, utilizando ferramentas como Remotion para edição, legendas, efeitos de zoom/desfoque e geração de múltiplos formatos (16:9, 4:5 para mobile e miniatura), além de metadados sincronizados de ponteiro e clique para reprodução fiel das interações. A skill prioriza autenticidade: a gravação mostra exatamente o que aconteceu na tela, sem fabricar eventos ou respostas do produto. Ela suporta captura interativa via ferramentas nativas do desktop (gpu-screen-recorder, ffmpeg, grim) ou via navegador (Playwright), e confirma as ferramentas disponíveis antes de planejar a ação, seguindo uma política de esforço e acesso. O fluxo de trabalho inclui: planejamento dos takes, preparação de estado livre de dados privados, gravação de uma prova de 5 segundos, captura completa com metadados, edição no Remotion (com legendas, zoom, desfoque) e inspeção visual dos arquivos gerados (verificação de codec, taxa de quadros, duração e reprodução real). Tudo é mantido localmente para o usuário final, sem uploads ou publicações. A skill é ideal para desenvolvedores e profissionais de marketing que desejam criar demonstrações curtas, reformatar vídeos para redes sociais ou gerar thumbnails a partir de gravações de tela reais, garantindo precisão e transparência.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/ElbertePlinio/dotfiles/tree/HEAD/dot_agents/skills/product-demo-video

Perguntar na sua IA favorita

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

Documentação

O vídeo mostra apenas o que realmente aconteceu na tela. A automação repetível pode operar a interface real durante a captura; grave suas posições reais de ponteiro e timestamps de clique. Interpole ou suavize entre amostras de ponteiro medidas, preservando o tempo real de cliques e hover. Nunca fabrique eventos ou respostas do produto, nunca registre entrada de teclado e nunca apresente resultados que o produto não produziu. Uma apresentação de slides com capturas de tela com pan é uma gravação de tela. Se apenas imagens estáticas forem possíveis, relate essa limitação em vez de apresentá-las como vídeo.

Os passos de captura interativa e uso de controle de computador seguem a política vigente de modelo, esforço e acesso a ferramentas. Confirme o mecanismo de controle real antes do despacho: a captura nativa de desktop pode usar ferramentas do shell, e o controle de navegador pode usar uma instalação explicitamente disponível do Playwright, mesmo sem ferramentas MCP herdadas. Acesso ao shell por si só não prova que o controle de navegador está disponível. Nunca afirme que um worker possui ferramentas que não tem.

Descubra ferramentas instaladas antes de planejar e não instale dependências globalmente sem autorização. Validados nesta máquina estão gpu-screen-recorder, ffmpeg, ffprobe, Bun, Chromium, grim, hyprctl e wtype. Novos projetos Remotion usam Bun e as dependências do Remotion são instaladas localmente no projeto.

As gravações não contêm contas privadas, terminais ou notificações. Prepare o estado sintético da demonstração antes de gravar. Não feche os aplicativos do usuário; organize apenas o que você está autorizado a organizar e restaure o estado anterior depois. Rastreie os IDs de processo dos gravadores que você iniciou e pare apenas esses, nunca por nome amplo de processo. Nada é enviado ou publicado; as saídas permanecem locais para o usuário enviar.

Planeje os takes, prepare o estado seguro de privacidade, grave uma prova de cinco segundos e inspecione-a antes de qualquer captura completa. A captura completa grava interações reais com o cursor excluído do vídeo e eventos de ponteiro e clique salvos como metadados sincronizados. A edição acontece em um projeto Remotion orientado por esses metadados, com zoom, desfoque e legendas. Use a referência de captura para comandos do gravador, alinhamento de tempo, transformações de coordenadas e preparação de privacidade, e a referência do Remotion para configuração de projeto, edição e renderização.

Os quadros de vídeo e os eventos de ponteiro devem compartilhar uma única origem de tempo, e as coordenadas dos eventos devem ser transformadas no espaço de pixels da região gravada. Verifique ambos na prova antes de se comprometer com um take completo.

Produza um mestre 16:9, uma reformatação para mobile 4:5, uma miniatura, o projeto fonte Remotion e um manifesto de metadados vinculando-os às capturas. Valide cada saída com ffprobe para codec, taxa de quadros e duração; inspecione quadros extraídos e confirme a reprodução real. Renderizações ou testes bem-sucedidos não são prova visual; olhe para a saída real.

A tarefa está completa quando a prova e as capturas completas existirem como vídeo real com metadados alinhados, todos os artefatos de saída existirem e tiverem sido inspecionados, codec, taxa de quadros e duração corresponderem ao plano, a reprodução tiver sido confirmada, o estado do desktop tiver sido restaurado e o manifesto registrar comandos, origem de tempo, transformação de coordenadas e caminhos de arquivo. Se uma ferramenta necessária estiver faltando ou a captura falhar, relate o bloqueador preciso; nunca fabrique ou substitua vídeo.

Habilidades Relacionadas