Grátis
Solenne · 16:9
Renderizado por este Skill
Demo de cliques CursorCam v1.1.0
Peça uma demo do seu app web e receba um MP4 caprichado: seu agente clica pelo fluxo, a câmera se aproxima de cada clique e o cursor desliza.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:29
Grátis Grátis com uma conta
Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.
Um Skill de código aberto que grava vídeos de demo com cliques de qualquer app web ou site. Seu agente explora o app, escreve os passos, testa, grava num navegador oculto e renderiza um MP4 em 1080p e 60 fps com zoom automático, cursor suave e ondas a cada clique; antes de entregar, confere quadros do próprio vídeo.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um MP4 em 1080p e 60 fps com zoom automático, cursor suave e ondas a cada clique
- Uma capa e um arquivo de passos reutilizável para gravar de novo quando o app mudar
- Outros tamanhos da mesma gravação: X, LinkedIn, YouTube, Discord, quadrado ou vertical
- Uma checagem de quadros do vídeo antes da entrega
Ideal para
- Demos para landing page e README de um SaaS ou app web
- Posts de lançamento e clipes de novidades no X e no LinkedIn
- Onboarding, documentação e tutoriais de suporte
Não é para
- Promos ou vídeos de lançamento com motion graphics ou narração
- Apps nativos de desktop ou celular que não rodam no navegador
Sobre este Skill
Você diz
/cursorcam Faça uma demo de 30 segundos de http://localhost:3000: abra a sala, baixe as luzes para 35%, mude para luz quente, feche as persianas e salve como uma cena chamada "Evening wind-down". Termine na nova cena.
Peça ao seu agente uma demo do seu app: um cadastro, um checkout, criar um projeto, salvar uma configuração. O CursorCam faz o trabalho todo. Ele abre o app, encontra os botões e campos, escreve o fluxo como um arquivo curto de passos, roda uma vez para pegar erros e então grava num navegador oculto e renderiza um vídeo que parece editado à mão: a câmera se aproxima onde acontece cada clique e cada digitação, fica ali enquanto a ação continua por perto e se afasta quando o fluxo vai para outra área.
Como funciona
- Peça: diga a URL, o único fluxo a mostrar e onde o vídeo será publicado, como X, LinkedIn, YouTube, Discord ou um README.
- Explore: ele confere se o app está rodando (ou sobe seu servidor de desenvolvimento), olha cada página e lista os botões e campos que pode usar.
- Passos: escreve de 5 a 15 passos (cliques, digitação, escolhas em menus, arrastes) e faz um teste, salvando um quadro por passo.
- Grave: grava o fluxo e renderiza um MP4 com zoom automático, cursor suave, ondas a cada clique e uma janela de navegador sobre o fundo que você escolher.
- Revise: lê quadros do próprio vídeo, corrige problemas de enquadramento ou ritmo e entrega o vídeo, uma capa e o arquivo de passos.
Dicas
- Um fluxo por vídeo, de 10 a 40 segundos. Termine no resultado.
- Diga onde será publicado; tamanho, taxa de quadros e limite de arquivo seguem daí.
- Guarde o arquivo de passos. Quando o app mudar, grave de novo com um só comando.
- Outros tamanhos, como quadrado ou um arquivo mais leve para a documentação, saem em segundos da mesma gravação.
- Se precisar de login, ele pergunta e nunca salva o que você digita; senhas aparecem como pontos no vídeo.
Código aberto
O CursorCam é feito por Avijit Dey (Avijit07x/cursorcam) e compartilhado sob a Apache License 2.0. O download é o Skill como está publicado no GitHub; o gravador em si roda pelo npm na primeira vez que você pede um vídeo.
O que você precisa antes de começar
- Você fornece
- A URL do seu app web (um servidor de desenvolvimento local serve), o único fluxo a mostrar, onde o vídeo será publicado e um login de teste se o fluxo precisar.
- Dependências
- Node.js 22 ou superior — obrigatório · Google Chrome (ou CHROME_PATH) — obrigatório
- Custos externos
- Nenhum. Roda no seu próprio computador com o navegador que você já tem.
- Último teste
- v1.1.0 —
Avaliações de usuários
Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.
Perguntas frequentes
Funciona com meu app local?
Sim. Passe uma URL de localhost ou deixe que ele encontre e suba o servidor de desenvolvimento do seu projeto. Ele grava qualquer página que o Chrome abra, inclusive ambientes de staging.
Como o zoom sabe para onde ir?
Cada clique e cada campo digitado é um alvo. A câmera se aproxima dele, fica enquanto as próximas ações estão na mesma área e se afasta quando o fluxo vai para outro lugar. Dá para desligar o zoom, mudar o quanto ele aproxima ou ajustar passo a passo.
E logins e verificação em duas etapas?
Ele pede o login ou o código de uso único quando o fluxo precisa, usa só naquela gravação e nunca grava em arquivo. Campos de senha aparecem como pontos e outros valores secretos ficam desfocados.
Por que é grátis?
O CursorCam é um Skill de código aberto de Avijit Dey. Publicamos como está, com uma amostra feita rodando-o no nosso app de casa inteligente, o Solenne.
