Estos cinco vídeos muestran dos flujos de animación con código: el kit independiente claude-motion de whaleyxbt y HyperFrames de HeyGen. Cada ejemplo identifica a su editor; es una colección de estudio, no trabajos de clientes de este sitio ni resultados de Anthropic Motion. Las notas se basan en las descripciones y fuentes publicadas por sus creadores, y los enlaces llevan a las películas originales.
1. Enjambre de rastreadores — whaleyxbt
La publicación del autor en X contiene un vídeo de 20 segundos. El README de simulaciones explica su construcción: un rastreador se multiplica hasta 256 sobre sitios inventados y las palabras reaccionan al contacto. Es una metáfora del trabajo paralelo, no una prueba de recopilación real. Estudia cómo una cantidad se convierte en relato espacial. En tu explicación, utiliza una cola ficticia: una tarea, varios trabajadores y todo el sistema. Vincula cualquier afirmación sobre escalabilidad con tus datos reales.
2. De un usuario a un expediente — whaleyxbt
El segundo vídeo de 20 segundos en X usa el mismo enjambre con otra narrativa. El repositorio declara que la persona y las páginas son ficticias; hilos rojos llevan detalles a un expediente. Esa distinción es esencial. La lección transferible es el flujo de información: fragmentos recogidos convergen en un resultado organizado. Para enseñar privacidad, conserva identidades sintéticas y muestra cómo se combinan revelaciones separadas. No presentes la animación como una investigación validada ni como evidencia sobre una persona real.
3. Lanzamiento de HyperFrames — HeyGen
La galería oficial de HeyGen publica la película y enlaza sus fuentes. El proyecto separa apertura, demostraciones de CSS y otras técnicas, explicación del motor y llamada a la acción en composiciones. Los subtítulos atribuyen la creación a Claude Code. Es un ejemplo de trabajo con un agente de programación, renderizado específicamente con HyperFrames. Estudia la separación entre promesa, demostración y siguiente paso. Cada escena puede probar una capacidad, en lugar de amontonar todas las funciones en un fotograma.
4. Editor de línea de tiempo — HeyGen
El vídeo Timeline editor de la galería tiene un proyecto fuente público. La apertura plantea el problema del tiempo; escenas posteriores presentan la línea de tiempo como solución y explican el ahorro. Es una referencia de educación de producto: primero la dificultad, después el control que la resuelve. Al planificar algo similar, muestra el estado exacto antes y después de una edición. Evita depender de “fácil de usar” cuando una operación visible puede comunicar mejor el beneficio.
5. De PR a vídeo — HeyGen
Esta película convierte la historia de una solicitud de incorporación en una explicación breve. El proyecto público incluye escenas sobre la PR, la dificultad de leer cambios, el resumen, código, flujo, discusión, créditos y acción final. Muestra cómo estructurar editorialmente un cambio técnico. Toma la secuencia, no sus afirmaciones: explica qué cambió, muestra un ejemplo significativo y reconoce a los colaboradores. Contrasta cada afirmación técnica con el diff real para que la animación no se convierta en unas notas de versión inexactas.
Mira los videos originales
Crawler swarmAutor whaleyxbt · claude-motion toolkit · Ver en la fuente originalOne username to a dossierAutor whaleyxbt · claude-motion toolkit · Ver en la fuente originalHyperFrames launchAutor HeyGen · HyperFrames · Ver en la fuente originalTimeline editorAutor HeyGen · HyperFrames · Ver en la fuente originalPR to videoAutor HeyGen · HyperFrames · Ver en la fuente originalTu siguiente paso
Mira las películas originales, consulta las fuentes y toma una técnica narrativa. La atribución y las pruebas hacen los ejemplos más útiles que una recopilación sin identificar.
Explora el espacio de creaciónFuentes y lecturas adicionales
Las referencias enlazan a la documentación original y a sus creadores. La disponibilidad puede cambiar; consulta la fuente antes de suscribirte o instalar.
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen