Remocn/remocn

Transfert vers Remocn Studio

Remocn Studio (https://remocn.studio) est une application de bureau pour macOS et Linux. Elle prévisualise en direct un projet Remotion, permet à l'utilisateur d'ajuster les éléments à la main et exporte en mp4. Elle n'ouvre que les dossiers qu'elle reconnaît, donc un projet passe par Préparer une fois et peut ensuite être Ouvert à tout moment.

Le script d'aide est ${CLAUDE_SKILL_DIR}/scripts/studio.mjs (en dehors de Claude Code : scripts/studio.mjs à côté de ce fichier). Il nécessite uniquement Node et affiche un objet JSON par commande. Exécutez-le depuis la racine du projet Remotion, ou transmettez la racine comme premier argument.

Préparer

node "${CLAUDE_SKILL_DIR}/scripts/studio.mjs" init <project-root> --name "<nom de la vidéo ou du produit>"

Ce qu'il fait, et ce qu'il faut dire à l'utilisateur :

• Écrit .remocn/project.json (le manifeste du projet Studio : un nouveau projectId, revision: 0, pas de marque) s'il n'existe pas. Un manifeste existant n'est jamais modifié : son projectId est l'identité du projet dans Studio.
• Place le scan de Studio à src/videos/registry.tsx s'il manque, et encapsule la racine dans le point d'entrée en tant que registerRoot(withVideos(Root)). Ainsi, chaque src/videos/<slug>/index.tsx qui exporte meta est une composition avec l'id <slug>, à la fois dans Remotion Studio et dans Remocn Studio. Les compositions propres de l'utilisateur dans Root.tsx continuent de fonctionner.

Dans un projet que l'utilisateur possédait déjà, demandez avant de l'exécuter : cela modifie son point d'entrée (une importation, un encapsulage) et ajoute deux fichiers.

Si le résultat indique ok: false avec une raison liée au point d'entrée, le point d'entrée n'appelle pas registerRoot(Root) exactement une fois après ses importations. Effectuez l'encapsulage à la main : ajoutez import { withVideos } from "<registry.specifier>"; en utilisant le specifier du résultat (il est relatif au point d'entrée, par exemple ../src/videos/registry pour remotion/index.ts), et modifiez l'appel en registerRoot(withVideos(Root)). Si cela n'est pas possible, expliquez pourquoi à l'utilisateur.

Vérifiez ensuite que npx remotion compositions liste tous les slugs de vidéos.

Ouvrir

Uniquement après que l'utilisateur a dit oui pour ouvrir le projet dans Studio :

node "${CLAUDE_SKILL_DIR}/scripts/studio.mjs" open <project-root>

Relayez le message du résultat. Selon l'action :

• deep-link : Studio ouvre le projet et affiche une boîte de dialogue de confirmation. Rien d'autre à faire.
• launched : Studio démarre mais on ne peut pas encore lui indiquer quel dossier ouvrir. Dites à l'utilisateur de choisir Ouvrir un dossier (⌘O sur macOS, Ctrl+O sur Linux) et de sélectionner la racine du projet, et donnez-lui le chemin.
• not-installed : donnez le lien de téléchargement (https://remocn.studio) et les mêmes étapes Ouvrir un dossier après l'installation.
• unsupported-platform : Studio ne fonctionne pas sur ce système d'exploitation. La vidéo se prévisualise toujours avec npx remotion studio et se rend avec npx remotion render <slug>.

Si le résultat indique que le manifeste est manquant, exécutez d'abord Préparer.

Pour vérifier si Studio est installé sans rien ouvrir, exécutez la commande detect.

À ne pas faire

• Ne créez pas .remocn/project.json à la main et ne le copiez pas depuis un autre projet. Deux projets avec le même projectId entrent en collision dans Studio, et il refuse le second.
• Ne déplacez pas les vidéos hors de src/videos/<slug>/. Studio identifie une vidéo par son nom de dossier.
• Dans claude.ai ou ChatGPT, il n'y a pas de projet local à transférer. Orientez l'utilisateur vers un agent de codage (Claude Code, Codex) avec ce plugin, ou vers les propres modèles de Remocn Studio.