CommunityProgramación y desarrollogithub.com

osminoog09-star/Shorts

Crea y refina videos motion originales, animaciones de productos y tipografía cinética: desde la idea y el storyboard dinámico hasta la exportación verificada.

¿Qué es Shorts?

Esta skill está diseñada para generar animaciones de alta calidad, incluyendo motion graphics, animaciones de productos y tipografía cinética. Se basa en tres mecánicas principales: calidad por defecto, dirección antes de la implementación e iteración obligatoria después del primer montaje. La skill prioriza un enfoque artesanal y controlado, utilizando HTML/CSS/JavaScript, SVG/Canvas y líneas de tiempo propias cuando sea posible, pero permitiendo bibliotecas y motores según necesidad real. Está orientada a plataformas de edición y generación de video, como entornos de desarrollo o asistentes de IA, y no requiere que el usuario proporcione especificaciones técnicas detalladas, ya que la skill toma decisiones de puesta en escena autónomamente basadas en un brief simple. El resultado final es un archivo MP4 (1920×1080, 60 fps, H.264) acompañado de fuentes editables HTML/JS, con una revisión rigurosa del export decodificado. La skill incluye módulos adicionales para manejar referencias de video, continuidad de imagen, modelos 3D, animación SaaS/UI, estilos preaprobados, documentales largos, presupuestos de renderizado, música con licencia y empaquetado para YouTube, activándose solo según la tarea específica.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/osminoog09-star/Shorts/tree/HEAD/skills/vizavi-motion

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

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

Documentación

vizavi_motion

Las tres mecánicas a continuación son la base de la skill. Los módulos adicionales ayudan a ejecutarlas, no las reemplazan ni establecen una plantilla obligatoria. El brief explícito del usuario, el formato, la duración, el sonido y los recursos permitidos tienen prioridad sobre los valores predeterminados. Una idea simple es suficiente: toma las decisiones de puesta en escena de forma autónoma, sin requerir una encuesta técnica del usuario. No inventes propiedades reales del producto, precios o preferencias confirmadas.

Por defecto, prefiere HTML/CSS/JavaScript, SVG/Canvas y una línea de tiempo gestionada por ti mismo cuando sean suficientes para la calidad. Las bibliotecas y motores adecuados están permitidos según la necesidad real; no asignes una estructura ni instales dependencias de antemano sin beneficio.

1. Calidad por defecto

Crea animación viva, rica y detallada. La cámara se mueve continuamente durante la narración activa: aceleraciones y desaceleraciones suaves, trayectoria coherente, inclinaciones motivadas, diagonales, giros ligeros y rodeos. Muestra profundidad perspectiva y movimiento relativo de los planos frontal, medio y trasero. Un solo zoom lineal de una composición plana no reemplaza esto. La pausa técnica y el fotograma legible final no requieren movimiento sin sentido.

La tipografía participa en la acción: tipografía expresiva, plasticidad de forma, letras, palabras y espacio, no solo la aparición de un subtítulo. Los objetos tienen peso, inercia, material, luz, contacto y reacciones secundarias. Cambia los acentos y el tamaño de plano sin largas pausas ni parpadeo caótico; mantén la riqueza a través de la jerarquía, no eliminando todo el entorno.

Usa motion blur según el movimiento relativo y profundidad de campo controlada en planos espaciales/cercanos. Si es necesario, añade desenfoque radial para tarjetas o escenas profundas; no reemplaza DOF ni motion blur. Mantén la legibilidad y el reconocimiento. Por defecto, crea música y diseño de sonido adecuados, sincrónicos con el ritmo, las acciones y el estilo, sin una herramienta de generación obligatoria. Si el brief exige silencio, no hay sonido. No llames "sonorizado" a un resultado mudo. Detalles: movimiento y sonido.

Periódicamente, enlaza transiciones, cortes y acciones significativas con acentos expresivos de la música/SFX reales; estos son puntos de sincronización significativos, no un cambio de fotograma obligatorio en cada beat.

2. Dirección antes de la implementación

Antes del montaje completo, desarrolla una idea/hilo original único y un storyboard dinámico completo. Para cada escena, propón de 3 a 5 opciones creativas breves significativamente diferentes y elige la más fuerte teniendo en cuenta el conjunto. Son suficientes opciones concisas, la solución elegida y un storyboard práctico; no se requiere el proceso interno de razonamiento.

En cada plano, fija el énfasis semántico, la composición y capas, la acción/cambio del objeto, el texto y su movimiento, la cámara, la luz/enfoque, la entrada desde la escena anterior, la salida a la siguiente, el sonido y el ritmo. Las escenas deben desarrollar la historia causalmente. Un círculo, la letra O o un portal son solo un recurso posible; no los repitas automáticamente. Se pueden combinar 2 o 3 recursos si forman una acción coherente. Antes del montaje costoso, verifica el principal riesgo técnico o artístico con una prueba breve. Detalles: storyboard.

3. Iteración obligatoria después del primer montaje

Considera el primer montaje como un borrador interno sin refinar y no lo entregues inmediatamente como final. Revisa todo el video, cada escena y las transiciones; con sonido, escucha la música, SFX y la mezcla completa. Verifica el significado, pausas aburridas, ritmo, cámara, legibilidad, forma, artefactos, uniones y sincronía. Corrige las causas encontradas, vuelve a verificar lo modificado y el conjunto. No declares la efectividad comprobada de la skill por la presencia de instrucciones o un único fotograma exitoso.

Por defecto, entrega un MP4: 1920×1080, 60 fps, H.264, yuv420p, audio AAC, a menos que el usuario solicite sin sonido. Conserva adicionalmente HTML/JS y otras fuentes editables; 4K bajo pedido; los parámetros explícitos del brief son más importantes que los valores predeterminados. Una vista previa HTML no reemplaza el video terminado.

Verifica también la exportación decodificada final, su inicio, final, límites de escenas y parámetros técnicos. El código, la hoja de contacto y el contador de fotogramas no reemplazan la percepción del movimiento/sonido. Si no se dispone de la herramienta necesaria, indica honestamente la propiedad específica no verificada y entrega el artefacto disponible con el estado correspondiente, sin llamarlo "verificado". Finaliza después de corregir los defectos sustanciales y cumplir los criterios del brief; las alternativas de gusto opcionales no requieren reelaboración infinita. Detalles: revisión y exportación.

Módulos adicionales — solo según la tarea

  • Video o varias referencias: análisis y combinación.
  • Serie de imágenes, personaje, alpha: preservación de identidad.
  • Modelos 3D listos, materiales, articulaciones: recursos 3D.
  • Animación de producto de interfaz, cursor y estados: motion SaaS/UI.
  • Estilos acordados y fuentes verificadas: registro. Las seis partes seleccionadas de la demo educativa se aplican solo a esa demo; para otros videos, elige el lenguaje según su brief.
  • Estilo del canal (obligatorio para todos los videos M1lash): estilo.
  • Longform documental con voz (8–15 min, hechos, línea de tiempo por palabras): longform.
  • Renderizado largo, 30 fps, fragmentos paralelos en GitHub Actions: presupuesto de render.
  • Música solo con licencia y atribución (obligatorio para el canal): música.
  • Título, descripción, capítulos, etiquetas, portada: empaquetado para YouTube.

Para videos largos del canal (>3 min), la exportación por defecto es 1920×1080, 30 fps (ver presupuesto de render), no 60 fps.

Skills relacionados