Communitygithub.com

Vídeo de curso, passo 2: tutoriais com gravação real

Grave sites ou apps de desktop reais e transforme seus fluxos em demos de produto ou tutoriais passo a passo, usando uma configuração OpenScreen.

O que é Vídeo de curso, passo 2: tutoriais com gravação real?

Receita Vídeo de curso, passo 2 (a demo prática). O agente grava um site ou programa real, captura o fluxo clique a clique e o transforma em tutorial passo a passo ou demo de produto, para que sua aula mostre a ferramenta de verdade e não um slide parado.

Funciona com✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/aievolutionpl/social-motion-agent/tree/HEAD/.agents/skills/screen-tutorials

Perguntar na sua IA favorita

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

Documentação

Gravações, demonstrações e tutoriais de ferramentas de IA

Raiz do projeto: três níveis de diretório acima desta pasta de skill. Leia START_HERE.md, depois workflows/SCREEN_TUTORIALS.md. Tempo de execução, comparação e limites: docs/OPENSCREEN.md; verificação atual: o HANDOFF.md do trabalho atual.

Roteirize a solicitação

  • Uma breve demonstração de produto/feature → python -S studio.py route showcase.
  • Uma lição educacional com etapas reproduzíveis → python -S studio.py route tutorial.
  • Uma gravação bruta é a etapa de captura de qualquer uma das rotas, sem adicionar voz, câmera ou publicação não solicitadas.

Use o questionário existente de cinco perguntas para um novo filme; adapte suas perguntas à ferramenta, ao aprendiz, ao resultado, duração/plataforma e narração. Reutilize respostas conhecidas e decisões de marca existentes. Adicionar essa integração ou executar um acessório técnico não é um novo filme criativo e não requer uma rodada de questionário.

Pesquise a documentação oficial atual e a UI real da ferramenta demonstrada antes de escrever instruções. Registre seu URL/versão/data, pré-requisitos, nível de conta e limitações relevantes para a lição. Mostre ações e resultados genuínos. Uma interface simulada não deve ser apresentada como filmagem do aplicativo real.

Capture e edite

O OpenScreen é o gravador e editor de demonstração selecionado. Use scripts/openscreen.py com seu tempo de execução instalado separadamente configurado através de config/openscreen.json. A skill upstream é tools/repos/openscreen/plugin/skills/openscreen-demo/SKILL.md; seus fluxos de trabalho MCP estão disponíveis apenas quando essas ferramentas estão realmente conectadas. A CLI existente funciona sem um registro MCP global ou uma nova sessão de agente. Não pare uma tarefa capaz de CLI apenas porque o MCP está ausente.

Grave uma janela de aplicativo preparada, com nome único e duração finita. O wrapper verifica se o seletor corresponde exatamente a uma janela e nunca recai para a área de trabalho. Use um perfil/dados de demonstração limpos, mantenha segredos e notificações fora da tomada e ative microfone, áudio do sistema ou câmera apenas quando eles servirem ao filme solicitado. Salve a filmagem bruta, .cursor.json, sidecars de webcam/áudio e projeto juntos no trabalho. pack atualmente lida com projetos legados v2; documentos gerados por editor/legendas precisam ter seus ativos coletados separadamente.

A automação do navegador não move o ponteiro físico. Preserve timestamps e coordenadas de ações reais; se o MCP estiver conectado, forneça-os através de setPointerTrack com o mapeamento descrito por seu esquema atual. Caso contrário, use zooms manuais intencionais e chamadas. Não afirme que o zoom automático tem dados de clique quando a telemetria está faltando. Mantenha a UI real legível em uma adaptação vertical; reenquadre ou corte deliberadamente.

Para narração em português, use scripts/voiceover.py com sua própria ID de voz e mantenha a voz escolhida estável. OpenScreen --audio mixa a narração durante a exportação, enquanto seu comando captions lê o áudio da gravação: a narração adicionada na exportação não receberá legendas automaticamente. Gere/alinhar legendas a partir da narração real com nosso fluxo de trabalho de legendas existente, ou use uma gravação com a narração já mixada antes da legendagem. Não baixe um modelo Whisper desnecessário para uma captura silenciosa.

Revise e entregue

Inspecione um rascunho para verificar a janela correta, o comportamento real da funcionalidade, os controles legíveis, o cursor/zoom e o timing da narração coerentes. Execute a exportação completa, ffprobe/decode, inspecione os quadros finais e verifique nomes/pronúncia. Retenha a gravação original e o projeto editável; registre o MP4 selecionado no fluxo de trabalho normal de ativo/linha do tempo/prova/revisão/empacotamento do trabalho.

Relate capacidades testadas separadamente de captura de área de trabalho não testada, microfone/webcam, conexão MCP e acesso à conta. Nunca infira uma gravação bem-sucedida a partir de um nome de arquivo existente ou da ajuda da CLI. Comandos Electron nativos neste host exigem execução fora do sandbox restrito; não desative a segurança do Chromium para contornar isso. A publicação segue a regra existente de aprovação explícita.

Individual skills in this repo

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

Habilidades Relacionadas