Expérimental90

Pig Latin Explainer

I made a 30-second Pig Latin explainer in Claude Code/Remotion. One timeline file drives the picture, the tests and the audio cues.

r/ClaudeCodeu/I__dream_state__I1 octobre 2026

Post Reddit

Résumé

Un utilisateur a créé une animation de 30 secondes qui enseigne le Pig Latin en utilisant Claude Code et Remotion. L'animation est générée à partir d'un fichier de timeline qui contrôle les images, les tests et les cues audio. Le projet est intéressant car il montre comment Claude Code peut être utilisé pour créer des contenus interactifs et éducatifs.

Pourquoi c’est intéressant

Ce projet est intéressant car il montre comment Claude Code peut être utilisé pour créer des contenus interactifs et éducatifs de manière efficace et rapide. La structure du projet, qui utilise un fichier de timeline pour contrôler les différents éléments de l'animation, est également intéressante et pourrait être réutilisée dans d'autres projets.

Comment Claude est utilisé

Développé en grande partie avec Claude Code, utilisé pour générer une animation de 30 secondes qui enseigne le Pig Latin avec du typage cinétique.

Idées dérivées

01
Enseignement de langues avec Claude Code
Créer un projet similaire pour enseigner une autre langue ou un autre concept, en utilisant Claude Code pour générer des animations interactives.
02
Animations de présentation avec Claude Code
Utiliser Claude Code pour créer des animations de présentation pour des entreprises ou des événements, en intégrant des éléments interactifs et des effets visuels.
03
Outil de création d'animations éducatives
Développer un outil de création d'animations éducatives pour les enfants, en utilisant Claude Code pour générer des contenus interactifs et amusants.

Afficher le post original

This would have taken me lots of hours inside Adobe Effects, but alas.. here's Claude Code + Remotion + React. 30-second video that teaches Pig Latin with kinetic type. It is React components rendered to MP4 with Remotion 4.0.531 (1920x1080, 30 fps). The part I think is worth sharing is the structure, not the animation. Every event is a frame number in a plain TypeScript file, one per scene, with no React in it. Three things read that file: the renderer, a test suite that fails if a finished word is on screen for under 40 frames (a step card lit under 24, a hop under 22), and a cue generator that turns each landing into a sound cue at the same frame, so the audio cannot drift. What is not good yet: most landings sit 2 to 8 frames off the 120 BPM beat grid, the music bed does not change across the 30 seconds, and the agents could only measure the audio, not hear it. Here's the prompt I used. Create a 30-second motion graphics film that teaches Pig Latin through expressive typography and purposeful animation. Make it feel like the work of a senior motion designer: strong visual concept, polished transitions, and a clear rhythm. Give each word transformation enough screen time to read and understand. Build toward an inventive final sequence, but never let the motion outrun the explanation.