PTENES
CURSO GRATUITO · DEMOS EN VIVO

Motion graphics con código, no con keyframes

Antes: abrir After Effects y pelear con paneles y keyframes infinitos. Ahora: Claude Code + Remotion + las bibliotecas adecuadas (GSAP, D3, Three.js, Lottie). Tú describes, Claude genera, Remotion renderiza.

demostración en vivo stagger + spring
El titular entra desde abajo
Las tarjetas aparecen en secuencia
El CTA aparece con un pop de resorte

Esta es una animación real que se ejecuta en la página: el curso está lleno de ellas.

Cómo está organizado el curso

Desde la configuración hasta el render. Instalas la skill, entiendes cómo pensar, domina cada biblioteca, construye proyectos reales e renderiza con la configuración adecuada.

⚙️

Setup

2 comandos instalan la skill. Por qué lo cambia todo y cómo conversar con Claude.

🧩

Bibliotecas

GSAP, D3, Three.js, Lottie, Framer: qué hace mejor cada una y cuándo usarla.

🛠️

Proyectos

4 piezas completas: SaaS, data-story, comercial 3D y onboarding de app.

🎬

Producción

Motion path, render transparente (alpha) e iteración que suma calidad.

Las 4 rutas

4
Rutas
16
Módulos
5
Bibliotecas
4
Proyectos

💡 Antes de empezar

Ayuda tener el Claude Code instalado y la noción de que, en Remotion, el video es función del fotograma. Si quieres la base, consulta el curso de Remotion (81 templates). Aquí el enfoque es combinar Claude Code con las bibliotecas de animación web.