Cómo funciona
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Diagrama de flujo
diagramaselegante3Dpliegue
Pasos y una decisión sí/no; los conectores se trazan y cada paso aparece cuando la línea llega.
Ideal para: Un proceso con una bifurcación.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Úsala en un vídeo
Lo que puedes cambiar:
nodes/edgeshighlightPara desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"visual": "diagram",
"motion": "foldInBlock",
"heading": "Diagram",
"caption": "From a link to a film",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"diagram": {
"nodes": [
{
"id": "paste",
"label": "Paste a link",
"icon": "🔗"
},
{
"id": "ok",
"label": "Is the page public?"
},
{
"id": "film",
"label": "Film it in a browser"
},
{
"id": "login",
"label": "Open a capture session"
},
{
"id": "done",
"label": "Finished MP4"
}
],
"edges": [
{
"from": "paste",
"to": "ok"
},
{
"from": "ok",
"to": "film",
"label": "yes"
},
{
"from": "ok",
"to": "login",
"label": "no"
},
{
"from": "film",
"to": "done"
},
{
"from": "login",
"to": "done"
}
],
"highlight": "done",
"kind": "flow"
},
"caption": "From a link to a film"
}
}