Communitygithub.com

riaz37/remotion-ui

Travailler avec le monorepo RemotionUI — création de registres, commandes CLI, configuration remotion-ui.json et distribution de composants par copier-coller. À utiliser lors de l'ajout de primitives/scènes/compositions ou de l'exécution de la CLI remotion-ui.

Qu'est-ce que remotion-ui ?

Ce skill est conçu pour les développeurs travaillant avec le monorepo RemotionUI, qui fournit un registre de composants vidéo Remotion distribués par copier-coller (et non via npm). Il guide l'utilisateur dans l'ajout ou la création de composants de registre (primitives, scènes, compositions), l'utilisation de la CLI dédiée (`remotion-ui`), et la compréhension du modèle de distribution simple où seuls les fichiers source sont copiés dans le projet de l'utilisateur. Le skill s'appuie sur les bonnes pratiques du framework Remotion, auxquelles il faut se référer dans l'ordre (INDEX.md, remotion-best-practices, video-layout). Il couvre également la gestion des chemins clés du registre (sources, manifeste, version construite), les commandes pnpm essentielles (sync, build registry, dev, build), et les règles d'installation des compositions. Utile pour quiconque veut contribuer au monorepo RemotionUI ou aider des utilisateurs à intégrer des composants vidéo Remotion dans leurs projets.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

RemotionUI

Utilisez ce skill lorsque vous travaillez avec le monorepo RemotionUI ou que vous aidez des utilisateurs à ajouter des composants vidéo Remotion.

Pour les bonnes pratiques du framework Remotion, lisez dans l'ordre :

  1. skills/remotion/docs/INDEX.md — documentation officielle remotion.dev reflétée (pnpm docs:remotion pour rafraîchir)
  2. skills/remotion/remotion-best-practices/SKILL.md — skill Remotion + conventions
  3. skills/remotion/remotion-create/video-layout.md — éviter les chevauchements de mises en page

Quand l'utiliser

  • Ajouter ou créer des composants de registre
  • Travailler avec la CLI remotion-ui
  • Comprendre le modèle de distribution par copier-coller
  • Patcher Root.tsx ou remotion.config.ts lors des installations

Chemins clés

  • Source du registre : apps/web/registry/
  • Manifeste du registre : apps/web/registry.json
  • Registre construit : apps/web/public/r/
  • Paquet CLI : packages/remotion-ui/
  • Configuration utilisateur : remotion-ui.json

Commandes

pnpm skills:sync             # Synchroniser les skills Remotion + câbler Codex
pnpm registry:build          # Construire le JSON du registre
pnpm dev                     # Démarrer le site de documentation
pnpm build                   # Construire tous les paquets

Documentation de référence

Philosophie

Les composants ne sont pas publiés en tant que paquets npm. Seule la CLI (remotion-ui) est publiée. Les utilisateurs copient les fichiers source dans leurs projets.

Individual skills in this repo

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

Skills associés