Communitygithub.com

motion-library

El «قاموس الموشن» — un diccionario de 68 efectos de motion graphics para reels verticales con persona hablando (orbit, lean-in, backdrop-word, the-bill, place-in-grid, whip-pan, karaoke-captions, split-screen…), cada uno con su descripción visual, para qué sirve y cómo crearlo. Úsalo cuando el usuario envíe nombres de efectos (a menudo como «بغيت هاد الحركات: orbit, lean-in, …», copiados de la página de la biblioteca), pregunte qué movimiento se adapta a un momento («شنو الحركة اللي تصلح ل…», «¿qué efecto para el gancho / el CTA / un número?»), quiera explorar los movimientos o pida añadir movimientos nombrados a un reel creado con Remotion, el skill /effects, web-astra-reels o webastra-showreel.

¿Qué es motion-library?

El skill motion-library es un diccionario completo y bilingüe (árabe darija/español) de 68 efectos de motion graphics, diseñado específicamente para reels verticales con una persona hablando frente a cámara. Proporciona una descripción visual detallada de cada efecto, una pista de «para qué sirve» y las instrucciones paso a paso para construirlo, ya sea a través del skill de efectos de video (`claude-video-effects`) o mediante composiciones en Remotion. Es especialmente útil porque acepta nombres de efectos copiados directamente de una página web de demostración, o preguntas en lenguaje natural sobre qué movimiento es el más adecuado para una parte concreta del video (gancho, explicación de pasos, números, portafolio, momento serio, llamado a la acción). El skill clasifica los efectos en 8 categorías (detrás de la cabeza, cámara, texto, tarjetas, encuadre, transiciones, color/iluminación y acentos) y distingue entre dos tipos: 45 efectos que se renderizan sobre el metraje real mediante seguimiento facial y máscara de persona, y 23 efectos clásicos que se construyen en Remotion. Al recibir nombres, el skill lee las entradas, asigna cada efecto a la línea de diálogo correspondiente usando marcas de tiempo de Whisper, selecciona la ruta de renderizado adecuada y sugiere visualizar fotogramas clave antes del renderizado final. También ofrece recomendaciones contextuales basadas en la sección del video, como gancho, explicación de pasos, números, portafolio, momento de giro o CTA. Las reglas derivadas de la experiencia real incluyen mantener los subtítulos en la costura entre mitades en pantalla dividida, asegurar que los movimientos sean legibles, no apilar efectos grandes y revelar palabras completas en árabe para respetar la forma de las letras.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/simou8522000/motion-library-skill/tree/HEAD

Preguntar en tu IA favorita

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

Documentación

Motion library (قاموس الموشن)

68 efectos nombrados en 8 categorías. La lista completa, con una descripción en darija, una pista de «para qué sirve» y la forma de construir cada uno, está en references/effects.md. Los mismos datos están en effects.json (campos: id, category, source, description_ar, good_for_ar, effects_options, how). demo/motion-library.html es la página visual: una demo en bucle por efecto, filtros y un botón «نسخ الأسماء» que copia los nombres seleccionados.

Categorías

idnombrecantidad
backورا الراس (detrás de la cabeza)13
camحركة الكاميرا (cámara)8
textالنص والعناوين (texto, títulos)10
uiكروت وواجهات (tarjetas, interfaz)13
frameتكوين الكادر (encuadre)8
transالانتقالات (transiciones)8
lookاللون والإضاءة (color, luz)4
accلمسات (acentos)4

Dos tipos de efecto

  • /effects (45) — renderizados sobre metraje real mediante el skill de efectos (claude-video-effects). El seguimiento facial y una máscara de persona permiten que se sitúen detrás de la cabeza. Un efecto: python scripts/fx.py <id> <video> <out.mp4> --start S --end E --text "..." --opt clave=valor. Varios: escribir un plan JSON y ejecutar fx.py --plan. Primero comprobar fotogramas fijos con --still.
  • clásicos (23) — conceptos básicos de edición (jump-cut, whip-pan, karaoke-captions, picture-in-picture, motion-path…). Se construyen en Remotion con la receta de references/effects.md.

Cuando el usuario envía nombres

  1. Leer la entrada de cada nombre en references/effects.md. Si un nombre es desconocido: decirlo y ofrecer el más cercano en la misma categoría.
  2. Mapear cada efecto a la línea hablada a la que pertenece (marcas de tiempo de palabras de Whisper). Colocar el efecto sobre la palabra, no al inicio de la oración.
  3. Elegir la ruta: nombres de /effects sobre el metraje original, nombres clásicos en la composición de Remotion. Un reel puede combinar ambos: renderizar primero la pasada de /effects, luego usar ese video como capa de la cara en Remotion.
  4. Renderizar, mirar fotogramas fijos de cada efecto y luego el video completo.

Cuando el usuario pregunta qué se adapta

Usar la pista de «para qué sirve» y estos valores predeterminados:

  • Gancho (primeros 1–2 s): locked-on, lean-in, headline-box, backdrop-word, red-collage.
  • Explicación de pasos: split-screen, lineup, todo, checklist, the-bill, motion-path.
  • Números y pruebas: number-counter, liquid-glass-graph, profile-wall, over-the-shoulder-zoom.
  • Portafolio: noise, orbit, carousel-spin, phone-fan, place-in-grid.
  • Momento de giro o serio: spotlight, slow-push, moody, reject-stamp.
  • CTA (final): comment-box, messages, tap.

Dar 2–3 opciones con una línea cada una, luego la que se recomienda.

Reglas surgidas de reels reales

  • Mientras la pantalla está dividida, los subtítulos se colocan en la costura entre las dos mitades.
  • Mantener un movimiento en pantalla el tiempo suficiente para leerlo; no cortarlo con la palabra siguiente.
  • No apilar más de un efecto grande a la vez; entre efectos, dejar que la cara respire.
  • Texto en árabe: revelar palabras completas, nunca cortar letras (cambian de forma).

Skills relacionados