Social Proof
Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.
KPI-Scorecard
gestaltete motion-karten
Ein Raster aus Kennzahlen-Karten (oder Tabellenzeilen), deren Werte hochzählen, bevor die Ampeln in Rot, Gelb und Grün nacheinander angehen, jeweils mit Zielwert und Trendpfeil.
Ideal für: Betriebs-Reviews, Board-Updates und Team-Scorecards.
Einstellungen
Schrift
Theme
Größe
Stimmung
Formate, die die Bildprüfung bestanden haben
1:1
Was du schreibst
titleTitle (≤60)· PflichtmetricsThe metrics, each with this period's value, its target, how to format it and whether higher or lower is better· PflichtkickerSmall 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
Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.
In einem Film verwenden
Was du ändern kannst:
rushie.props.titlerushie.props.metricsrushie.props (others)Für Entwickler (MCP und JSON)
Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.
{
"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"
}
}
}
}