Remocn/remocn

Transferencia a Remocn Studio

Remocn Studio (https://remocn.studio) es una aplicación de escritorio para macOS y Linux. Previsualiza en vivo un proyecto de Remotion, permite al usuario ajustar elementos manualmente y exporta mp4. Solo abre carpetas que reconoce, por lo que un proyecto pasa por Prepare una vez y luego puede Abierto en cualquier momento.

El script auxiliar es ${CLAUDE_SKILL_DIR}/scripts/studio.mjs (fuera de Claude Code: scripts/studio.mjs junto a este archivo). Solo necesita Node e imprime un objeto JSON por comando. Ejecútalo desde la raíz del proyecto Remotion, o pasa la raíz como primer argumento.

Preparar

node "${CLAUDE_SKILL_DIR}/scripts/studio.mjs" init <project-root> --name "<nombre del video o producto>"

Qué hace y qué decirle al usuario:

• Escribe .remocn/project.json (manifiesto del proyecto de Studio: un projectId nuevo, revision: 0, sin marca) si no existe. Nunca se toca un manifiesto existente: su projectId es la identidad del proyecto en Studio.
• Coloca el escaneo de Studio en src/videos/registry.tsx si falta, y envuelve la raíz en el punto de entrada como registerRoot(withVideos(Root)). A partir de entonces, cada src/videos/<slug>/index.tsx que exporte meta es una composición con id <slug>, tanto en Remotion Studio como en Remocn Studio. Las composiciones propias del usuario en Root.tsx siguen funcionando.

En un proyecto que el usuario ya tenía, pregúntale antes de ejecutarlo: edita su punto de entrada (una importación, una envoltura) y añade dos archivos.

Si el resultado dice ok: false con una razón relacionada con el punto de entrada, es que el punto de entrada no llama a registerRoot(Root) exactamente una vez después de sus importaciones. Haz la envoltura manualmente: añade import { withVideos } from "<especificador_del_registro>"; usando el specifier del resultado (es relativo al punto de entrada, p.ej. ../src/videos/registry para remotion/index.ts), y cambia la llamada a registerRoot(withVideos(Root)). Si no es posible, explícale por qué al usuario.

Luego verifica que npx remotion compositions liste cada slug de video.

Abrir

Solo después de que el usuario acepte abrir el proyecto en Studio:

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

Transmite el message del resultado. Según action:

• deep-link: Studio está abriendo el proyecto y muestra un diálogo de confirmación. No hay nada más que hacer.
• launched: Studio se está iniciando pero no se le puede indicar qué carpeta abrir todavía. Dile al usuario que elija Abrir Carpeta (⌘O en macOS, Ctrl+O en Linux) y seleccione la raíz del proyecto, y dale la ruta.
• not-installed: proporciona el enlace de descarga (https://remocn.studio) y los mismos pasos de Abrir Carpeta después de instalar.
• unsupported-platform: Studio no funciona en este sistema operativo. El video aún se previsualiza con npx remotion studio y se renderiza con npx remotion render <slug>.

Si el resultado dice que falta el manifiesto, ejecuta Preparar primero.

Para verificar si Studio está instalado sin abrir nada, ejecuta el comando detect.

No hacer

• No crees .remocn/project.json manualmente ni copies uno de otro proyecto. Dos proyectos con el mismo projectId colisionan en Studio, y este rechaza el segundo.
• No muevas los videos fuera de src/videos/<slug>/. Studio identifica un video por su nombre de carpeta.
• En claude.ai o ChatGPT no hay un proyecto local para transferir. Redirige al usuario a un agente de código (Claude Code, Codex) con este plugin, o a las plantillas propias de Remocn Studio.