Communitygithub.com

compozy/compozy

Crie ou revise vídeos de lançamento do CompozyOS com capturas de produtos em alta resolução, cenas de câmera Ultramock e o pacote reutilizável Remotion. Exclui a publicação de tweets e edição geral de vídeos.

O que é compozy?

Esta skill capacita agentes de IA a produzirem vídeos de lançamento (release/launch) para o CompozyOS, gerando arquivos MP4 revisáveis e suas fontes reutilizáveis no pacote `@compozy/videos`. Ela integra duas ferramentas principais: Ultramock, responsável pelo tratamento de cenas de câmera, e Remotion, que gerencia a abertura, ritmo, sobreposições, interações do cursor e montagem final. O fluxo de trabalho prioriza a continuidade do projeto existente em vez de reconstruir a pilha de animação, lendo os PRs solicitados, mapeando cada recurso a uma ação de UI observável e seguindo uma ordem de produção estruturada que vai da captura de estados (before/hover/after) até a renderização final e preservação dos artefatos. A skill é compatível com agentes como Claude Code, Cursor e Codex, e depende de ferramentas como `eng-ui-screenshot` para capturas e `exa-search` para descoberta de componentes, além de seguir as operações do navegador/ferramenta ativa. Sua principal utilidade reside em garantir que cada vídeo demonstre funcionalidades reais com interações autênticas, evitando descrições abstratas ou painéis atraentes, e que os resultados sejam inspecionáveis e revisáveis antes da entrega final.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/compozy/compozy/tree/HEAD/.agents/skills/cy-release-video

Perguntar na sua IA favorita

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

Documentação

Vídeo de Lançamento do CompozyOS

Entregue um MP4 de lançamento revisável e suas fontes reutilizáveis em packages/launch-video (@compozy/videos). O Ultramock é responsável pelo tratamento da câmera; o Remotion é responsável pela abertura, ritmo, sobreposições de cena, interações do cursor e montagem final. Continue o projeto existente em vez de reconstruir sua pilha de animação.

Estabeleça o lançamento

  • Leia os PRs solicitados e a implementação atual. Mapeie cada funcionalidade para uma ação de UI observável e seu resultado; uma descrição de PR ou painel atraente por si só não é suficiente para demonstrar a funcionalidade.
  • Recupere a configuração atual do projeto, capturas, última exportação e feedback pendente antes de editar. Respeite a ordem de funcionalidades, duração, política de texto e escolha de áudio mais recentes solicitados. Preserve as entregas anteriores antes da substituição.
  • Neste fluxo de trabalho, o texto editorial pertence à abertura reutilizável; as capturas de produto contêm a UI real. Não adicione legendas, cartões de título, logotipos ou encerramento à demonstração a menos que solicitado. A instrução inicial apenas com imagem da beta.26 foi posteriormente alterada para incluir a abertura de lançamento existente.
  • Padrão para 16:9, 1080p60 para esta família de lançamentos, mas use o briefing atual do usuário. O final da beta.26 histórica teve 42,3 segundos, não sendo um requisito universal de duração.
  • Escolha uma sequência de ações antes de coletar ativos: estabeleça a tela, aproxime-se do controle, mostre o clique, revele seu resultado e então inspecione os detalhes. Uma funcionalidade com menos estados úteis pode liderar; não dê a cada funcionalidade o mesmo tempo.

Leia o guia aplicável

Trabalho sendo feitoLeia
Capturas de tela novas ou inadequadas, demonstração integrada de funcionalidadesCaptura e direção visual, todas as seções
Edição ou exportação da linha do tempo da câmera no ChromeOperação do Ultramock, seções de câmera/edição/exportação; recuperação apenas quando necessário
Alterações na abertura, cursor, corte, transição ou configuração do lançamentoMontagem do Remotion, seção relevante e validação
Reutilização da pesquisa visual do projeto ou compreensão de uma rejeição anteriorLições e evidências, seção de falha ou pesquisa correspondente

Use eng-ui-screenshot para mecânicas de captura do Compozy e exa-search quando for necessária descoberta de novos componentes ou solicitado. Inspecione os componentes instalados primeiro; pesquisa não é motivo para adicionar outro framework. As operações do navegador seguem a API suportada pela ferramenta ativa de navegador/computador e a sessão Chrome solicitada pelo usuário; IDs de abas salvas e índices de acessibilidade não são instruções reutilizáveis.

Ordem de produção

  1. Capture estados de antes/ao passar o mouse/depois correspondentes em resolução nativa suficiente. Verifique se a funcionalidade ainda pertence visivelmente à sua sessão ou superfície pai.
  2. Atualize as fontes do Ultramock, ordem das cenas e alvos da câmera. Inspecione os quadros reais após uploads ou alterações de parâmetros, então exporte e verifique o arquivo baixado.
  3. Atualize os deslocamentos das fontes do Remotion após qualquer reordenação do Ultramock. Mantenha as interações da captura de tela e seu cursor sob a mesma transformação de câmera. Acione o resultado correspondente no clique; movimento sozinho não comunica o comportamento.
  4. Renderize uma prova curta das interações e transições alteradas. Inspecione o contato do clique, estados de abertura/fechamento, nitidez do texto e continuidade; corrija as capturas de origem ou geometria antes de gastar tempo na renderização completa.
  5. Renderize o arquivo final. Verifique os metadados e a decodificação completa, inspecione os intervalos alterados e cortes adjacentes na resolução de entrega e visualize a reprodução para verificar o tempo. Informe a distinção se apenas quadros extraídos foram inspecionados.
  6. Preserve os PNGs originais, exportação da câmera, configuração do lançamento, licenças e o MP4 final. Atualize as instruções do pacote quando o fluxo de trabalho reutilizável mudar. Remova as histórias de captura temporárias próprias, pare apenas os servidores de captura próprios, redefina as substituições temporárias de viewport e mantenha o projeto/preview editado disponível.

Conclusão

Entrega significa um MP4 final acessível que demonstre a funcionalidade solicitada, mais as fontes necessárias para revisá-lo. Uma linha do tempo configurada, upload bem-sucedido, verificação de tipo ou botão de exportação concluído não é suficiente. Indique a duração, resolução/fps e qualquer limitação material (por exemplo, fixtures versus uma medição ao vivo de provedor). Vincule/mostre o artefato real; publicar um tweet de lançamento é uma ação separada que requer autorização do usuário. Não exija um novo corpus de pesquisa, rodada de subagentes, aprovação ou QA completo da aplicação para cada revisão de vídeo.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas