Interaktive Chat-Karten

Manche Antworten verdienen mehr als einen Absatz — also sendet der Agent eine Live-Komponente

Eine Nachrichtensuche, eine Websuche, ein Aktienkurs, eine Wetterabfrage — jede KI-Fähigkeit kann ihr Ergebnis als echte interaktive UI-Komponente direkt im Chat rendern, nicht als Textwand, die so tut, als wäre sie eine. Der Mechanismus ist so allgemein, dass ihn bereits Dutzende Fähigkeiten der Plattform nutzen.

Jede Karte unten ist eine unbearbeitete Live-Aufnahme aus einer echten Konversation — keine Mockups.

Eine Karte ist nur eine andere Art von Antwort

1. Sie fragen

„Wo steht Nvidia gerade?“ — eine ganz gewöhnliche Frage, nichts Besonderes an der Formulierung.

2. Die Fähigkeit prüft den Kanal

Kann diese Konversation Komponenten rendern, sendet die Fähigkeit eine. Wenn nicht — Sprache, SMS, die rohe API — fällt sie automatisch auf reinen Text zurück.

3. Eine echte Komponente rendert

Kein Screenshot eines Charts — eine tatsächliche Live-Kurskarte mit eigenen Tabs, Slidern und Bedienelementen.

Ein Mechanismus, bei jedem Aufruf geprüft

Jede Fähigkeit, die eine Karte rendern kann, prüft zuerst dasselbe — und degradiert auf dieselbe Weise, wenn es nicht geht.

Der Kanal muss es unterstützen

  • Jede Fähigkeit prüft, ob die aktuelle Konversation reiche Komponenten anzeigen kann, bevor sie eine zu rendern versucht.
  • Sprache, SMS und rohe API-Aufrufe können es nicht — derselbe Funktionsaufruf fällt dort automatisch auf seine reine Text-und-Daten-Antwort zurück.

Die Karte ist die ganze Antwort

  • Ist eine Komponente gesendet, ist das die Antwort — Fähigkeiten legen keine zweite Textantwort darunter, die dem widersprechen könnte, was die Karte bereits zeigt.
  • Jede Karte unten stammt aus einer echten, unbearbeiteten Konversation — Anfrage, Quelle und Zahlen sind alle live.

Nachrichtensuche: ein echter News-Reader, keine Stichpunkt-Zusammenfassung

Live gefragt: „Durchsuche die Nachrichten nach den neuesten Entwicklungen in der KI-Regulierung.“ Der Agent schrieb trotzdem seine eigene Zusammenfassung über die Karte — das ist die unten beschriebene Einstellung „mit KI-Agent verarbeiten“, standardmäßig aktiv —, aber die Karte selbst ist die echte Quellenliste: eine Titelstory mit Bild, Filter-Chips pro Medium, Zeitfenster- und Sortiersteuerung und ein „Mehr laden“ live.

  • Jede Schlagzeile, Quelle und Zeitangabe auf der Karte ist echt — live für genau diese Anfrage abgerufen.
Eine Live-Nachrichtensuche-Karte: Filter, eine Titelstory mit Bild, vier weitere Schlagzeilen und Mehr laden

Websuche: Ergebnisse mit echten Belegen, keine Paraphrase

Live gefragt: „Suche im Web nach dem aktuellen Durchschnittspreis einer 1-Monats-Coworking-Mitgliedschaft in Austin, Texas.“ Zehn nummerierte Ergebnisse kamen zurück, jedes mit Domain, Breadcrumb-Pfad, Titel, Snippet und direktem Link — dieselbe Form, die ein Rechercheur von der Suchmaschine selbst bekommt, nur inline gerendert statt eines erzwungenen Tab-Wechsels.

  • Die Suchmaschine (Brave, Bing, Google oder eine selbst gehostete SearXNG-Instanz) ist eine Konfigurationsentscheidung, keine Code-Änderung.
Eine Live-Websuche-Karte: zehn nummerierte Ergebnisse, jeweils mit Domain, Snippet und direktem Link

Wetter: jede Kennzahl, die ein Außendienstteam wirklich prüft

Live gefragt: „Wie ist das aktuelle Wetter in Chicago?“ Über Temperatur und Wetterlage hinaus trägt die Karte das volle AccuWeather-Kennzahlenset: gefühlte Temperatur, Höchst-/Tiefstwert, Luftfeuchtigkeit, Wind mit Böen, UV-Index, Luftdruck, Sichtweite, Bewölkung und Wolkenuntergrenze, Taupunkt und 24-Stunden-Niederschlag — mit Tabs für Jetzt / Stündlich / 5 Tage.

  • Eine separate Vorhersage-Funktion rendert dieselbe Tiefe für einen Mehrtagesausblick, nicht nur die aktuellen Bedingungen.
Eine Live-Wetterkarte für Chicago: Temperatur, Wetterlage und ein vollständiges Kennzahlenraster

Aktienkurs: eine echte Kurskarte, komplett mit Markt-Status-Badge

Live gefragt: „Hole den aktuellen Aktienkurs für Nvidia (NVDA).“ Die Karte trägt den Ticker, ein Badge für geöffneten/geschlossenen Markt, den Kurs mit Dollar-und-Prozent-Änderungschip, einen 1T/5T/1M/6M/1J-Bereichsumschalter, einen Tagesbereichs-Slider sowie Eröffnungskurs und Volumen — plus eine Aktienvergleichs-Funktion für eine Watchlist über mehrere Ticker zugleich.

  • Ein live gestempelter „Aktualisiert“-Zeitstempel sitzt auf der Karte selbst — nicht nur implizit im Empfangszeitpunkt der Nachricht.
Eine Live-Aktienkurskarte für NVDA: Kurs, Änderungs-Badge, Bereichs-Tabs und ein Tagesbereichs-Slider

Reader: ein vollständiger Artikel, gesetzt — kein Link

Live gefragt: „Lies die Webseite unter [ein Wikipedia-Artikel über künstliche Intelligenz] und fasse sie für mich zusammen.“ Statt eines nackten Links oder einer plattgedrückten Textwand rendert die Karte den Artikel selbst — Publisher und Autorenzeile, Wortzahl und Lesezeit, eine Initiale am Anfang und „Weiterlesen“ / „Ganzen Artikel laden“ für eine Seite mit 27.500 Wörtern.

  • Eine begleitende Website-Crawl-Funktion wendet dieselbe Aufbereitung auf eine ganze Website an, nicht nur auf eine Seite.
Eine Live-Reader-Karte: Publisher, Autorenzeile, Wortzahl, Lesezeit und der Anfangstext des Artikels

Zwei Einstellungen bestimmen das Kartenverhalten pro Agent

Beide sitzen auf dem Generierungs-Tab des Agenten unter Konversationseinstellungen — und weil sie pro Agent gesetzt werden, nicht pro Instanz, können sich verschiedene Agenten derselben Plattform völlig unterschiedlich verhalten.

„Interaktive UI-Komponenten im Chat anzeigen“

  • Der An/Aus-Schalter für Karten bei diesem Agenten, Punkt. Aus, und der UI-Zweig jeder Fähigkeit läuft nie — alles fällt auf reinen Text zurück.
  • Bei neuen Agenten standardmäßig an; ein sprach- oder SMS-orientierter Agent schaltet ihn bewusst aus, weil er ohnehin keine Karte rendern kann.

„UI-Komponenten-Antworten mit KI-Agent verarbeiten“

  • Steuert, was direkt nach dem Rendern der Karte passiert — nicht ob sie rendert. An (Standard, und was jeder Screenshot oben zeigt): Das Modell generiert weiter und schreibt seine eigene Zusammenfassung um die Karte herum.
  • Aus: Der Zug endet in dem Moment, in dem die Karte gesendet ist — kein nacherzählter Kommentar darunter, nur die Komponente. Genau das, was ein sauberer Dashboard-Agent üblicherweise will.

Derselbe Mechanismus, weit über diese fünf hinaus

Nachrichten, Websuche, Wetter und Aktienkurse sind die anschaulichsten Beispiele für Käufer, aber dasselbe Karten-Muster liegt bereits in Dutzenden Fähigkeiten der Plattform.

Weitere Abfragen

  • Flugdaten — einen Flug verfolgen, Routen suchen, eine Flughafentafel.
  • Google Maps — Routen, Geocoding, Ortssuche, eine Distanzmatrix.
  • Luftqualität & Pollen — aktuelle und prognostizierte Werte, eine Heatmap-Kachel.
  • Geografische Daten — Referenzabfragen für Länder, Regionen und Städte.

Geschäftsdatensätze

  • AI Recruiter — Stellenausschreibungen, Kandidaten, eine Pipeline und Interviewschritte.
  • Commerce-Bestellungen, -Produkte, -Rechnungen und -Kunden — die eigenen Datensatzkarten der Storefront-Suite.
  • Sales Pipeline — Leads und Unternehmen aus einer Google-Places-Abfrage.
  • Persönlicher Kalender, Fotoalbum, Drucken, Workspace Explorer, SQL Tools und mehr — jeweils mit eigener Karte.

Die fünf oben gezeigten Fähigkeiten — und zugleich MCP-Tools

Jede Funktion unten ist das, was ein Agent mitten in der Konversation aufruft, um die gerenderte Karte zu erzeugen — und exakt dieselbe Funktion veröffentlicht der Assistant-Cortex-MCP-Server, sodass Claude, eine IDE oder jeder andere MCP-Client sie mit denselben Berechtigungen aufrufen und dasselbe strukturierte Ergebnis zurückbekommen kann.

ai_ability_news_search_execute

Nachrichtensuche ausführen

Durchsucht Nachrichtenartikel zu einem Thema, mit optionaler Artikelanzahl, Aktualitätsfenster (Tag/Woche/Monat/beliebig) und Sortierung (neueste, Relevanz oder Beliebtheit). Rendert auf einem Chat-Kanal als News-Karte, überall sonst als Textzusammenfassung.

web_tools_execute_web_search

Websuche

Führt eine Websuche für eine Anfrage aus und liefert strukturierte Ergebnisse — Domain, Titel, Snippet und Link pro Treffer — über die Suchmaschine (Brave, Bing, Google oder SearXNG), die für die Instanz konfiguriert ist.

ai_ability_current_weather_execute

Wetterabfrage ausführen

Holt die aktuellen Bedingungen für einen benannten Ort — Temperatur, gefühlte Temperatur, Luftfeuchtigkeit, Wind, UV-Index, Luftdruck, Sichtweite und mehr. Eine begleitende Wettervorhersage-Funktion deckt den Mehrtagesausblick auf dieselbe Weise ab.

ai_ability_stock_price_execute

Aktienkurs abrufen

Holt aktuellen Kurs, Tagesspanne und ein Kursdiagramm für einen Ticker, mit wählbarem Bereich (1T bis 1J). Eine begleitende Aktienvergleichs-Funktion stellt mehrere Ticker nebeneinander in eine Watchlist.

web_tools_readability_read_webpage

Webseite lesen (Readability)

Ruft eine Seite ab und extrahiert ihren lesbaren Artikelinhalt — Titel, Autorenzeile, Wortzahl und Lesezeit — mit einer begleitenden Website-Crawl-Funktion, die eine ganze Website auf dieselbe Weise liest.

Für wen das gedacht ist

Alle, die einen Recherche- oder Ops-Agenten bauen

  • Nachrichten-, Web-, Wetter- und Marktdaten-Abfragen rendern als echte Oberflächen, nicht als Paraphrase eines Modells.
  • Karten-Kommentare pro Agent an- oder abschalten, ohne eine Zeile Code anzufassen.

Modul- und Integrationsautoren

  • Eine eigene Fähigkeit kann auf demselben Weg eine Karte rendern — die Plattform übernimmt die Kanalprüfung und jede bestehende Agenten-Einstellung, ohne dass eine separate Integration zu bauen wäre.
  • Liefern Sie die passende Angular-Karte im eigenen UI-Modul aus, und sie rendert exakt wie die oben gezeigten.

Häufig gestellte Fragen

Was passiert auf einem Kanal, der keine Karten rendern kann, etwa SMS oder Sprache?

Jede Fähigkeit prüft zuerst, ob der aktuelle Kanal reiche Komponenten anzeigen kann. Wenn nicht, liefert dieselbe Funktion stattdessen ihre reine Text-und-Daten-Antwort — nichts bricht, und für Nicht-Chat-Kanäle ist keine separate Integration nötig.

Kann ich den geschriebenen Kommentar des Agenten abschalten und nur die Karte zeigen?

Ja — schalten Sie „UI-Komponenten-Antworten mit KI-Agent verarbeiten“ auf dem Generierungs-Tab dieses Agenten aus. Der Zug endet dann in dem Moment, in dem die Karte rendert, ohne modellgeschriebenen Text darum herum.

Können sich verschiedene Agenten derselben Instanz unterschiedlich verhalten?

Ja. Beide Einstellungen liegen in der Konfiguration des jeweiligen Agenten, nicht in einem instanzweiten Schalter — ein Dashboard-Agent kann saubere Karten ohne Kommentar rendern, während ein Konversationsagent auf derselben Instanz seine schriftlichen Zusammenfassungen behält.

Ist das auf Nachrichten, Websuche, Wetter und Aktien beschränkt?

Nein — das sind die anschaulichsten Geschäftsbeispiele, aber derselbe Mechanismus liegt bereits auf Flugverfolgung, Karten, Luftqualität, Recruiting-Datensätzen, Commerce-Bestellungen und -Produkten, einem persönlichen Kalender, einem Datei-Explorer und mehr.

Sehen Sie eine Karte im eigenen Chat rendern

Interaktive Chat-Karten sind Teil jeder Assistant-Cortex-Instanz — kein separates Widget-Framework, das integriert werden müsste.

0

Zu installierende Module

Diese Module werden automatisch installiert, sobald Ihre Assistant-Cortex-Instanz bereitgestellt wird.

Noch nichts ausgewählt — stöbern Sie im Marktplatz und klicken Sie bei allem, was vorinstalliert sein soll, auf Installieren.