Communitygithub.com

Motion Graphics

Agrega gráficos animados con propósito a un montaje de formato corto: diagramas animados, texto cinético, comparaciones, revelaciones de datos o inserciones gráficas. Úsalo cuando la animación explique un momento clave, incluyendo un corto completamente animado cuando se solicite.

¿Qué es Motion Graphics?

Esta habilidad permite a un editor de video o agente de IA enriquecer un montaje de formato corto con gráficos animados significativos, como diagramas animados, texto cinético, comparaciones, revelaciones de datos o inserciones gráficas. Se enfoca en usar la animación para explicar un momento clave en el video, ya sea como parte de un montaje existente o como un corto completamente animado a partir de un brief y activos proporcionados. Está diseñada para trabajar con la paleta, tipografía, temporización y archivos fuente del montaje actual, sin necesidad de un segundo proyecto o un estilo de edición diferente. La habilidad proporciona instrucciones detalladas sobre cómo planificar la animación (revelar orden, relaciones, comparaciones, progreso o cambios importantes), construir estados conectados (por ejemplo, una toma que entra en una línea de tiempo, un espacio que se cierra y los clips siguientes que se ondulan), usar el editor actual o gráficos codificados mediante HyperFrames, y adaptar la inserción al discurso y al ritmo del montaje. También incluye pautas para usar valores verificados en datos, renderizar una muestra corta para verificar problemas como destellos, fuentes, recortes, fotogramas negros y temporización de audio, y mantener la fuente editable. Finalmente, recomienda usar la guía de composición y área segura del editor adaptativo, y entregar un candidato local para su revisión antes de la publicación.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alisadiq-ai/favstash-ai-video-editing-skills/tree/HEAD/skills/motion-graphics-short

Preguntar en tu IA favorita

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

Documentación

Gráficos animados

Trabaja dentro del montaje actual, con su paleta, tipografía, temporización y archivos fuente. Una inserción animada no requiere un segundo proyecto ni un nuevo estilo de edición. Para una solicitud independiente, comienza a partir del brief y los activos proporcionados.

  1. Decide qué animación ayuda al espectador a entender: revelar orden, una relación, una comparación, progreso o un cambio importante. Usa imágenes reales cuando la afirmación dependa del comportamiento real del producto; etiqueta las UI conceptuales y los mockups.
  2. Construye estados conectados: una toma entra en una línea de tiempo, un espacio se cierra y los clips siguientes se ondulan, o los colores muestreados recolorean la misma obra de arte. Usa miniaturas relevantes, controles y formas a escala equilibrada, no un icono gigante aislado en un espacio vacío. Lleva un objeto o dirección a través de ritmos relacionados; usa etiquetas de objeto compactas en lugar de una segunda narrativa. Evita el flotamiento perpetuo y las apariciones idénticas. El vidrio es un estilo opcional, no un marco requerido alrededor de la prueba. Con el estilo de vidrio adaptativo del editor, mueve una superficie de vidrio con opacidad completa y deja que una superficie viaje a través de estados conectados en lugar de cortar entre tarjetas separadas.
  3. Usa el editor actual cuando sea adecuado. Para gráficos codificados, usa una composición HyperFrames con capacidad de búsqueda, consultando la ayuda de la CLI instalada o la documentación oficial actual para las APIs. Conduce la animación desde el tiempo de la línea de tiempo; mantén los medios/fuentes locales y cargados antes de renderizar. Establece el estado del fotograma 0 explícitamente y evita animar filtros CSS sobre videos grandes; consulta las notas de fiabilidad de renderizado del editor. No inventes comandos de renderizador.
  4. Ajusta la inserción al discurso y al montaje: entradas rápidas para etiquetas familiares, pausas más largas para diagramas o afirmaciones desconocidas, quietud deliberada cuando sea necesario. Mantén el texto legible durante el movimiento y verifica los límites extremos, así como las posiciones de reposo.
  5. Usa valores verificados y ejes, unidades y etiquetas de fuente significativos para los datos. Los gráficos decorativos no deben implicar evidencia medida. Registra la procedencia de los activos.
  6. Renderiza una muestra corta, mírala a velocidad normal y en tamaño de teléfono, luego intégrala en la línea de tiempo existente. Verifica destellos, carga de fuentes, recortes, fotogramas negros inesperados, sincronización de audio y estados inicial/intermedio/final. Mantén la fuente editable.

Usa la guía de composición y área segura del editor adaptativo y la revisión final cuando esté instalado. Si usas esta habilidad por sí sola, mantén los contenidos críticos alejados de los controles de la plataforma, mide los límites completos del texto en tamaño de teléfono e inspecciona el clip exportado real con sonido. Entrega un candidato local; la publicación es una acción separada del usuario.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills relacionados