Claude pour les graphismes animés : Modèles de prompts qui produisent des visuels HTML animés que vous pouvez capturer en vidéo

Un utilisateur de Reddit sur r/ClaudeAI utilise Claude pour générer des graphiques animés directement — pas des prompts pour d'autres outils, mais en faisant créer par Claude les visuels sous forme de widgets HTML, puis en les capturant en MP4 avec Playwright + ffmpeg. Il partage un modèle de prompt qui fonctionne systématiquement : raconter une histoire avec un point de rupture.

Ce qui fonctionne

La clé est de laisser l'utilisateur casser quelque chose. Exemples qui ont donné de bons résultats :

• Montrer cinq verres se remplissant de risque. Le dernier déborde et se brise.
• Montrer un élastique qui s'étire à chaque clic jusqu'à ce qu'il se casse.

L'utilisateur rapporte que demander à Claude de laisser l'utilisateur casser quelque chose rend le résultat réellement intéressant.

Ce qu'ils recherchent

L'utilisateur demande spécifiquement à la communauté des prompts qui produisent :

• Des graphiques animés ou des visualisations de données qui bougent vraiment
• Des explicatifs interactifs où l'utilisateur contrôle quelque chose
• Tout ce qui a été capturé avec succès en vidéo à partir de la sortie de Claude
• Des structures de prompt qui produisent systématiquement de bons visuels du premier coup, pas au cinquième

Aucun autre prompt spécifique de la communauté n'a été inclus dans le message original — le fil recueille encore des réponses.

En pratique

Si vous construisez des widgets HTML animés avec Claude pour les capturer ensuite en vidéo, structurez votre prompt autour d'un récit avec un arc de tension et de relâchement. Le point de rupture déclenche un changement visuel (débordement, cassure, éclatement) qui rend l'animation captivante. Combinez avec Playwright pour la capture d'écran/l'enregistrement et ffmpeg pour l'encodage en MP4.