Communitygithub.com

Arahan visual dan gerak (Remotion)

Diseña videos Remotion con personajes, fondos y movimientos vivos, evitando el aspecto de una presentación genérica. Úsalo al crear storyboards o escenas.

¿Qué es Arahan visual dan gerak (Remotion)?

Este skill guía la creación de videos con Remotion, centrándose en la narrativa visual, la composición dinámica y la animación expresiva. Ayuda a diseñar cada escena desde la emoción y la información del beat narrativo, seleccionando medios (ilustraciones, footage con licencia, colages, SVG, Canvas, 3D) según la historia. Define reglas consistentes de paleta, formas, iluminación, textura, enfoque y movimiento, pero con variación entre beats. Para cada toma se especifica sujeto/foco, fondo y frente, escala, dirección de movimiento, cámara y la razón de la transición. Se profundiza en el diseño de fondos reconocibles (ambiente, superficie, horizonte, profundidad, iluminación y detalles contextuales), evitando gradientes vacíos. Se aconseja construir profundidad mediante tamaño, solapamiento, parallax, iluminación o cambios de enfoque, y agregar bruma solo si el estilo artístico lo requiere. En cuanto a movimiento, se recomienda diseñar uno o dos movimientos principales y movimientos secundarios sutiles, eligiendo movimientos de cámara distintos entre tomas (pan, tracking, dolly, órbita, tilt o estática) con easing y pausas intencionadas. Se prohíbe usar el mismo zoom en toda la escena. Para personajes, se indica cómo elegir el estilo (ilustración, 2.5D, footage con licencia o formas simbólicas), mantener la consistencia entre tomas, y animar hombros, codos, muñecas, cabeza, mirada, cabello/tela con pivotes lógicos, incluyendo weight shift, anticipación, follow-through y respiración si la toma es larga. Se varía el timing según la emoción. Se advierte contra figuras humanas que parezcan rectángulos apilados a menos que sea un estilo deliberado. Si la calidad del personaje generado por código es baja, se sugiere simplificar a siluetas/cutouts o usar imágenes/footage con licencia clara. Se enfatiza que Remotion es determinista y basado en frames, por lo que se recomienda revisar stills, contact sheets y previsualizaciones en movimiento para detectar diseños que se vean bien en código pero mal al reproducirse. El texto debe ser breve, legible en la pantalla objetivo y ubicado en áreas seguras. No se exigen transiciones, glitches, partículas, grano o efectos de luz de forma universal.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mryunkaka/remotion-video/tree/HEAD/.opencode/skills/remotion-visual-direction

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Arahan visual y movimiento

Comienza desde la emoción y la información en el beat narrativo. Elige el medio y la composición porque son adecuados para la historia: ilustraciones gráficas, footage con licencia, collage, formas 2D, SVG, Canvas o 3D si realmente lo respalda. Establece reglas de paleta, forma, luz, textura, enfoque y movimiento que sean consistentes, pero da variación entre beats.

Para cada toma, define el sujeto/enfoque, el primer plano-fondo, la escala, la dirección del movimiento, la cámara y la razón de la transición. Diseña el fondo como un espacio reconocible: forma del entorno, superficie, horizonte, distancia cercana-lejana, iluminación y detalles contextuales. No te detengas en un gradiente vacío con algunos cuadros. Construye profundidad mediante tamaño, solapamiento, parallax, iluminación o cambios de enfoque. Agrega bruma solo si el estilo artístico lo requiere.

Diseña uno o dos movimientos principales y movimientos secundarios sutiles. Elige movimientos de cámara diferentes entre tomas—por ejemplo, paneo, tracking, dolly, órbita, tilt o cámara estática—y usa easing y pausas que tengan intención. No uses el mismo zoom en toda la escena. Da a los elementos formas orgánicas solo si están relacionadas con la escena.

Personajes y cuerpo

Si la historia realmente necesita mostrar personas, determina si el estilo de ilustración, el personaje 2.5D, el footage con licencia o la forma simbólica es más adecuado. No dibujes figuras fotorrealistas con formas poco convincentes. Diseña personajes consistentes entre tomas. Para ilustraciones en capas, anima hombros, codos, muñecas, cabeza, mirada, cabello/tela con pivotes que tengan sentido; agrega weight shift, anticipación, follow-through y movimientos pequeños de respiración si la toma es lo suficientemente larga. Varía el timing según la emoción, no hagas que todas las partes reboten con el mismo spring. Evita formas humanas que parezcan una pila de rectángulos a menos que sea un estilo gráfico elegido deliberadamente.

Si la calidad del personaje generado por código reduce el resultado, simplifica el estilo a una silueta/cutout limpia o elige imágenes/footage con licencia clara en lugar de forzar personas que se vean rígidas. Evita objetos flotantes, texturas de ruido excesivas y detalles falsos que oscurezcan el tema.

Remotion debe ser determinista y basado en frames. Revisa stills de la escena, contact sheets y previsualizaciones en movimiento para detectar diseños que se vean bien como código pero mal al reproducirse. El texto debe ser breve, legible en la pantalla objetivo y colocado en áreas seguras. No hay transiciones, glitches, partículas, grano o efectos de luz que sean obligatorios de forma universal.

Skills relacionados