Communitygithub.com

pragma-sh/pragma

Use ao editar, pré-visualizar, validar ou renderizar o filme de lançamento do Pragma Remotion para o README.

O que é pragma?

Esta skill capacita o agente de IA a gerenciar o filme de lançamento do Pragma, mantido diretamente no repositório, utilizando a biblioteca Remotion. Ela lida com a edição, pré-visualização, validação de tipos e renderização do vídeo, garantindo que o artefato final (um arquivo MP4) permaneça reproduzível a partir de fontes e ativos controlados pelo repositório. A skill impõe uma estrutura de projeto específica com componentes em PascalCase, um diretório público compartilhado para ativos e um arquivo de configuração central. Ela também fornece comandos de terminal claros para iniciar o estúdio de edição, executar a verificação de tipos e renderizar o vídeo final, além de regras para gerenciar a trilha sonora gerada deterministicamente e gravações de produto. É ideal para desenvolvedores que usam Claude Code, Cursor ou Codex e desejam automatizar e padronizar a manutenção de conteúdo de vídeo em seus projetos.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pragma-sh/pragma/tree/HEAD/skills/launch-video

Perguntar na sua IA favorita

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

Documentação

Manter o Filme de Lançamento do Pragma

Mantenha o filme de lançamento do README reproduzível a partir de fontes e ativos de propriedade do repositório.

Estrutura do Projeto

  • launch-video/index.ts registra a raiz do Remotion.
  • launch-video/Root.tsx define a composição PragmaLaunch em 1920x1080 e 30 fps.
  • launch-video/PragmaLaunch.tsx gerencia a linha do tempo, durações das cenas e apresentação.
  • remotion.config.ts usa apps/www/public como diretório público do Remotion. Resolva clipes, áudio e marcas de agente com staticFile() a partir desse diretório; não duplique ativos dentro de launch-video.
  • .github/assets/pragma-launch.mp4 é o artefato renderizado do README.

Arquivos .tsx que contêm componentes usam PascalCase. Mantenha o id da composição PragmaLaunch alinhado com o comando de renderização raiz e derive a duração total da composição a partir das durações das cenas para que edições na linha do tempo não deixem o registro desatualizado.

Fluxo de Trabalho

Execute comandos a partir da raiz do repositório:

bun run video:studio
bun run video:typecheck
bun run video:render

Use o Studio para revisar toda a linha do tempo após alterar cenas, temporização, tipografia ou ativos. Execute a verificação de tipos focada antes de renderizar. O comando de renderização grava o filme do README rastreado em .github/assets/pragma-launch.mp4 usando as configurações de codec e qualidade em remotion.config.ts.

A trilha sonora é gerada deterministicamente por launch-video/generate-lofi.ts. Ao modificar esse gerador, execute bun run video:music; ele substitui apps/www/public/media/pragma-lofi.wav. Não regenere a trilha sonora para edições de vídeo não relacionadas.

As gravações de produto ficam em apps/www/public/media. Ao substituir uma gravação, verifique sua reprodução completa no Studio e atualize a duração da cena correspondente em PragmaLaunch.tsx para que ela não seja cortada nem seguida por uma cauda congelada. Finalize executando as verificações comuns de formatação e qualidade do repositório para cada arquivo de origem alterado.

Habilidades Relacionadas