remocn/remocn

Ajouter un composant remocn

Demandé : $ARGUMENTS

Chargez d'abord le skill remocn pour les conventions de niveaux et le Canvas & timing.

1. Résoudre le nom. Si la demande est un nom de composant exact, utilisez-le. S'il s'agit d'une description ("un titre glitché", "une coupe rapide"), établissez une shortlist à partir de https://remocn.dev/llms-components.txt et proposez les deux ou trois meilleurs, chacun avec sa ligne Use for et sa durée. Attendez le choix.
2. Lire sa page. Récupérez l'URL .md des docs que l'index donne pour ce composant. Notez les props, l'exemple, Length et toute note Avoid for. Si la note d'évitement correspond à ce que l'utilisateur souhaite, dites-le et suggérez le remplacement qu'elle nomme.
3. Préparer le projet une fois. Si components.json n'a pas de registre @remocn, exécutez node "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <racine-du-projet> d'abord (hors de Claude Code : ../video/scripts/setup.mjs depuis le dossier de ce skill). Son résultat JSON indique quels fichiers il a écrits ; relayez tout warning.
4. Installer. npx shadcn add @remocn/<nom>. Les dépendances s'installent de manière transitive ; listez les fichiers créés.
5. L'utiliser. Montrez un extrait d'utilisation construit à partir de l'exemple des docs, dimensionné au canvas, à l'intérieur d'un <Sequence durationInFrames> d'au moins sa Length plus un temps de maintien. Les transitions vont dans TransitionSeries.Transition comme presentation avec linearTiming/springTiming à leur Length. Si l'utilisateur a nommé un endroit dans son code, placez‑le là ; sinon demandez où il doit aller.
6. Vérifier. npx tsc --noEmit, puis une image fixe à la fin de son mouvement (npx remotion still <composition> out/<nom>.png --frame=<n>) et examinez-la.