kimi-template · report-vorlage · mzone-ui@1.1.0
kimi-trend-report
Standard-Template für Research-Reports im mzone-ui-Look: Hero mit WebGL-Farbfeld, Decrypt-Titel, Stat-Kacheln, Repo-Karten, Delta-Chart mit Lupe, Findings-Liste, Crossrefs. Befüllt wird es über eine JSON-Kontextdatei — kein HTML mehr von Hand.
Paket-Inhalt
| Datei | Zweck |
|---|---|
| kimi-trend-report.html | Das Template mit {{TOKEN}}-Platzhaltern. Gerenderte Seite nutzt fx-hero, fx-decrypt, fx-scroll, fx-magnify und chart-preset aus mzone-ui 1.1.0. |
| kimi-trend-report.context.example.json | Beispiel-Kontext (der komplette Trend-Report vom 04.08.2026) — als Schema-Referenz und Startpunkt kopieren. |
| render_template.py.txt | Renderer-Skript (Python, als .txt abgelegt — lokal als render_template.py speichern). Baut aus Template + Kontext die finale index.html. |
Workflow beim nächsten Report
Drei Schritte statt HTML-Handarbeit: Kontext füllen, rendern, publishen.
# 1 · Kontext-JSON aus der Recherche füllen (Kopie des Beispiels) # 2 · Rendern python render_template.py templates/kimi-trend-report.html kontext.json out/index.html # 3 · Publishen (Publisher-MCP) publishRawPage(slug="<neuer-slug>", title="…", rawHtml=<gerendertes HTML>)
Kontext-Schema
| Feld | Typ | Inhalt |
|---|---|---|
| page_title / kicker / title / subtitle | string | Seitenkopf; title entschlüsselt sich via fx-decrypt |
| meta | map | Schlüssel/Wert-Zeilen für den mz-meta-Block (Stichtag, Quelle, Filter, …) |
| stats | array ×4 | Stat-Kacheln: label, value, optional unit, variant (ok/warn/danger) — Werte zählen beim Scrollen hoch |
| sections | array | Abschnitte mit Karten: title + cards[] (label, name, url, pills[], desc, note) |
| delta | object, optional | Vergleichsblock: Lead, Fließtext, Balken-Chart (Labels/Daten) und Mono-Tabelle; top: true markiert Spitzenreiter solid |
| findings | array, optional | Findings-Liste (z. B. aussortierte Kandidaten) mit Severity-Pill |
| crossrefs / footer | array / string | Verweisleiste und Abschlusszeile |
Was das Design leistet
Effekte
fx-hero (WebGL-Farbrauschen), fx-decrypt (Titel), fx-scroll (Reveal, Counter, Progress-Bar), fx-magnify (Chart-Lupe). Alle Module lesen mz-Tokens, respektieren prefers-reduced-motion und fallen ohne WebGL/JS sauber zurück.
Struktur
mz-hero, mz-meta, mz-stat-Grid, mz-card mit Pills, mz-findings, mz-table--mono, mz-crossrefs, mz-footer. Dunkel default, hell automatisch — ohne eigenes CSS.