remocn/remocn

Agregar un componente remocn

Solicitado: $ARGUMENTS

Primero, carga el skill remocn para conocer las convenciones de niveles y el Canvas y la sincronización.

1. Resolver el nombre. Si la solicitud es un nombre exacto de componente, úsalo. Si es una descripción ("un título con glitch", "un corte rápido"), filtra la lista de https://remocn.dev/llms-components.txt y ofrece los dos o tres mejores, cada uno con su línea Use for y duración. Espera la elección.
2. Leer su página. Obtén la URL del documento .md que proporciona el índice. Anota las props, el ejemplo, Length y cualquier nota Avoid for. Si la nota de restricción coincide con lo que el usuario quiere, indícalo y sugiere el reemplazo que nombra.
3. Preparar el proyecto una vez. Si components.json no tiene el registro @remocn, ejecuta node "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <project-root> primero (fuera de Claude Code: ../video/scripts/setup.mjs desde la carpeta de este skill). Su resultado JSON indica qué archivos escribió; transmite cualquier warning.
4. Instalar. npx shadcn add @remocn/<nombre>. Las dependencias se instalan de forma transitiva; lista qué archivos se generaron.
5. Usarlo. Muestra un fragmento de uso basado en el ejemplo de la documentación, dimensionado al canvas, dentro de un <Sequence durationInFrames> de al menos su Length más tiempo de espera. Las transiciones van dentro de TransitionSeries.Transition como presentation con linearTiming/springTiming en su Length. Si el usuario indicó un lugar en su código, colócalo allí; de lo contrario, pregunta dónde va.
6. Verificar. npx tsc --noEmit, luego un still al final de su movimiento (npx remotion still <composition> out/<nombre>.png --frame=<n>) y revísalo.