Prueba social
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Cuadro de mando de KPI
tarjetas animadas de diseño
Una cuadrícula de tarjetas de métricas (o filas de tabla) cuyos valores cuentan antes de que se enciendan uno a uno los semáforos rojo, ámbar y verde, cada uno con su objetivo y una flecha de tendencia.
Ideal para: revisiones operativas, novedades de consejo y cuadros de mando de equipo.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
titleTitle (≤60)· obligatoriometricsThe metrics, each with this period's value, its target, how to format it and whether higher or lower is better· obligatoriokickerSmall line above the title (≤40)amberWithinA metric this many percent short of target is amber (at risk) rather than red (≤50)compareLabelWhat the change is measured against (≤14)layoutTiles: a grid of cards; table: one row per metric with a progress barrevealCascade: cards rise in turn; flip: cards turn over like a board being revealed
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Lo que puedes cambiar:
rushie.props.titlerushie.props.metricsrushie.props (others)Para 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": "rushie",
"heading": "KPI scorecard",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "kpi-scorecard",
"props": {
"kicker": "Northwind · Q3 operating review",
"title": "Seven of nine metrics on track",
"metrics": [
{
"label": "Annual recurring revenue",
"value": 4.82,
"target": 4.6,
"prefix": "$",
"suffix": "M",
"decimals": 2,
"better": "higher",
"change": 6.4
},
{
"label": "Net revenue retention",
"value": 112,
"target": 110,
"prefix": "",
"suffix": "%",
"decimals": 0,
"better": "higher",
"change": 2.1
},
{
"label": "New customers",
"value": 318,
"target": 300,
"prefix": "",
"suffix": "",
"decimals": 0,
"better": "higher",
"change": 9
},
{
"label": "Gross margin",
"value": 78.4,
"target": 80,
"prefix": "",
"suffix": "%",
"decimals": 1,
"better": "higher",
"change": -0.6
},
{
"label": "Logo churn",
"value": 1.9,
"target": 1.5,
"prefix": "",
"suffix": "%",
"decimals": 1,
"better": "lower",
"change": 0.3
},
{
"label": "CAC payback",
"value": 11,
"target": 12,
"prefix": "",
"suffix": " mo",
"decimals": 0,
"better": "lower",
"change": -8
},
{
"label": "Activation rate",
"value": 64,
"target": 60,
"prefix": "",
"suffix": "%",
"decimals": 0,
"better": "higher",
"change": 4.5
},
{
"label": "Support CSAT",
"value": 4.7,
"target": 4.5,
"prefix": "",
"suffix": "/5",
"decimals": 1,
"better": "higher",
"change": 2.2
},
{
"label": "Uptime",
"value": 99.98,
"target": 99.95,
"prefix": "",
"suffix": "%",
"decimals": 2,
"better": "higher",
"change": 0.01
}
],
"amberWithin": 5,
"compareLabel": "vs Q2",
"layout": "tiles",
"reveal": "cascade"
}
}
}
}