Communitygithub.com

riaz37/remotion-ui

Trabalhe com o monorepo RemotionUI — criação de registros, comandos CLI, configuração remotion-ui.json e distribuição de componentes copiados e colados. Use ao adicionar primitivas/cenas/composições ou executar o CLI remotion-ui.

O que é remotion-ui?

Esta skill é projetada para desenvolvedores que trabalham com o monorepo RemotionUI, uma ferramenta que facilita a criação de componentes de vídeo animados usando a biblioteca Remotion. O objetivo principal é gerenciar a distribuição de componentes através de um modelo de 'copiar e colar', onde os componentes são armazenados em um registro (registry) e copiados diretamente para os projetos dos usuários, em vez de serem publicados como pacotes npm. Ela suporta a autoria de registros, a execução de comandos CLI (como `pnpm registry:build`), a configuração via arquivo `remotion-ui.json` e a instalação de composições com regras específicas. A skill é útil para ajudar usuários a adicionar primitivas, cenas ou composições, e para executar o CLI `remotion-ui`, garantindo que as melhores práticas do ecossistema Remotion sejam seguidas.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/riaz37/remotion-ui/tree/HEAD/skills/remotion-ui

Perguntar na sua IA favorita

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

Documentação

RemotionUI

Use esta skill ao trabalhar com o monorepo RemotionUI ou ao ajudar usuários a adicionar componentes de vídeo Remotion.

Para as melhores práticas do framework Remotion, leia na ordem:

  1. skills/remotion/docs/INDEX.md — documentação oficial espelhada do remotion.dev (pnpm docs:remotion para atualizar)
  2. skills/remotion/remotion-best-practices/SKILL.md — skill Remotion + convenções
  3. skills/remotion/remotion-create/video-layout.md — evitar layouts sobrepostos

Quando usar

  • Adicionar ou criar componentes de registro
  • Trabalhar com o CLI remotion-ui
  • Entender o modelo de distribuição copiar e colar
  • Modificar Root.tsx ou remotion.config.ts durante instalações

Caminhos importantes

  • Código fonte do registro: apps/web/registry/
  • Manifesto do registro: apps/web/registry.json
  • Registro compilado: apps/web/public/r/
  • Pacote CLI: packages/remotion-ui/
  • Configuração do usuário: remotion-ui.json

Comandos

pnpm skills:sync             # Sincronizar skills Remotion + conectar Codex
pnpm registry:build          # Compilar registro JSON
pnpm dev                     # Iniciar site de documentação
pnpm build                   # Compilar todos os pacotes

Documentação de referência

Filosofia

Os componentes não são publicados como pacotes npm. Apenas o CLI (remotion-ui) é publicado. Os usuários copiam os arquivos fonte para seus projetos.

Individual skills in this repo

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

Habilidades Relacionadas