Skill← Todos los Skills · Vídeo y audio
Vídeo y audio FreeAnimated Stats Video
Números que actúan: conteos ascendentes, una barra que crece y una cifra que aterriza.
Funciona con: Claude Code, Codex, Cursor, Muse · Versión 1.0 · Necesitas: Node.js 18+ y npm; se renderiza localmente con Remotion (la primera ejecución descarga un Chrome sin interfaz).
Descargar gratis Desbloquear todos los Skills Premium
Vista previa
Qué obtienes
- Proyecto Remotion completo (composición + script de renderizado)
- Tres tiempos animados impulsados por un solo ayudante de easing
- Números con conteo ascendente, barra de progreso y cifra final
- Salida MP4 1080x1080, lista para redes sociales y páginas de destino
Acerca de este Skill
Renderiza un vídeo de estadísticas animadas desde código: una métrica principal que sube contando, una barra de progreso que crece con su contador y una cifra final que aterriza con su significado. Tres tiempos, unos seis segundos, totalmente determinista, creado para resúmenes de métricas, publicaciones de hitos y actualizaciones para partes interesadas, donde los números merecen más que una captura de pantalla.
Pruébalo
scripts/render.sh ./stats.mp4Ideal para
- Resúmenes de métricas y anuncios de hitos
- Actualizaciones para inversores y partes interesadas
No es para
- Paneles en vivo o datos en tiempo real
Cómo instalarlo
- Copia el prompt de instalación en tu agente:
Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video). - O descarga el paquete del Skill desde esta página tras el lanzamiento y coloca su carpeta en el directorio de skills de tu agente.
- Llámalo con un comando de barra, p. ej.
/animated-stats-video, y describe lo que quieres con palabras sencillas.
Preguntas frecuentes
¿Qué números debería animar?
Tres que puedas respaldar: una métrica principal, una medida de progreso, una cifra de resultado, cada una con un texto que diga qué significa.
¿Puedo cambiar los tiempos?
Sí. Cada tiempo se anima entre dos fotogramas mediante el ayudante ease(); desplaza los rangos para reajustar los tiempos.