Claude para gráficos en movimiento: Patrones de prompt que producen visuales HTML animados que puedes capturar como video

Un usuario de Reddit en r/ClaudeAI ha estado usando Claude para generar gráficos animados y tableros animados directamente — no prompts para otras herramientas, sino que Claude construye los visuales como widgets HTML, luego los captura como MP4 con Playwright + ffmpeg. Comparten un patrón de prompt que funciona consistentemente: describir una historia con un punto de quiebre.

Lo que funciona

La clave es dejar que el usuario rompa algo. Ejemplos que produjeron buenos resultados:

• Muestra cinco vasos llenándose de riesgo. El último se desborda y se rompe.
• Muestra una banda elástica estirándose con cada clic hasta que se rompe.

El usuario informa que decirle a Claude que deje que el usuario rompa algo es lo que hace que el resultado sea realmente interesante.

Lo que están buscando

El usuario está pidiendo específicamente a la comunidad prompts que produzcan:

• Gráficos animados o visualizaciones de datos que realmente se muevan
• Explicadores interactivos donde el usuario controle algo
• Cualquier cosa que se haya capturado exitosamente como video desde la salida de Claude
• Estructuras de prompt que produzcan consistentemente buenos visuales al primer intento, no al quinto

No se incluyeron más prompts específicos de la comunidad en la publicación original — el hilo todavía está recopilando respuestas.

Conclusión práctica

Si estás construyendo widgets HTML animados con Claude para capturarlos después como video, estructura tu prompt en torno a una narrativa con un arco de tensión y liberación. El punto de quiebre desencadena un cambio visual (desbordamiento, ruptura, estallido) que hace que la animación sea convincente. Combínalo con Playwright para capturas de pantalla/grabación y ffmpeg para codificar a MP4.