Communitygithub.com

ashrafchowdury/programatic-demo

Vídeos de demonstração de produtos, gerados a partir de código. Playwright grava um fluxo real; Remotion adiciona uma câmera no estilo Screen Studio — zoom ao clicar, suavização, desfoque de movimento e um cursor vetorial.

O que é programatic-demo?

Esta skill, ashrafchowdury/programatic-demo, permite gerar vídeos de demonstração de produtos de software de forma automatizada e programática. Ela combina o poder do Playwright para gravar interações reais do usuário em uma aplicação web com o Remotion para produzir vídeos estilizados, com efeitos de câmera inspirados no Screen Studio. A utilidade principal é para desenvolvedores e equipes de produto que precisam criar demos de alta qualidade sem esforço manual de edição de vídeo. A skill funciona em qualquer plataforma que suporte Node.js e navegadores headless, automatizando o processo de gravação e pós-produção. Isso é particularmente útil para documentação, testes visuais e apresentações de funcionalidades, onde a consistência e a precisão técnica são cruciais.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add ashrafchowdury/programatic-demo

Perguntar na sua IA favorita

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

Documentação

O que programatic-demo faz?

Vídeos de demonstração de produtos, gerados a partir de código. Playwright grava um fluxo real; Remotion adiciona uma câmera no estilo Screen Studio — zoom ao clicar, suavização, desfoque de movimento e um cursor vetorial.

Habilidades Relacionadas