Preuve sociale
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Tableau de bord KPI
cartes animées design
Une grille de cartes de métriques (ou de lignes de tableau) dont les valeurs défilent avant que les voyants rouge, orange et vert ne s'allument un à un, chacun avec son objectif et une flèche de tendance.
Idéal pour : revues opérationnelles, points de conseil et tableaux de bord d'équipe.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
titleTitle (≤60)· obligatoiremetricsThe metrics, each with this period's value, its target, how to format it and whether higher or lower is better· obligatoirekickerSmall 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
Un modèle en code : gratuit sur toutes les offres, sans crédits IA.
L'utiliser dans un film
Ce que vous pouvez changer :
rushie.props.titlerushie.props.metricsrushie.props (others)Pour les développeurs (MCP et JSON)
Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.
{
"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"
}
}
}
}