KI-Antworten

Antworten mit Quellen, Belegen, Vergleichen und Feedback.

4 Components · 18 Variants

Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

Belege und Quellen5
Feedback zu Antworten5
KI-Suche4
Antworten vergleichen4

citations

Belege und Quellen

Belege für KI-Antworten in fünf Formen. Quellenkarten mit Anzahl der Zitate, Fußnoten mit Sprung und Rückweg, Marken mit Vorschau der zitierten Stelle, eine Quellenleiste, die dem gewählten Satz folgt, und eine Prüfung, welche Aussagen eine Quelle wirklich deckt.

Quellenkarten
Fußnoten
Vorschau beim Zeigen
Quellenleiste
Aussagen prüfen

Props und Details

Quellenkarten

Quellen als Karten über der Antwort mit Filter nach Art und Anzahl der Zitate. Eine Zahl im Text lässt ihre Karte aufleuchten und umgekehrt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/citations

Bringt mit utils, kit, icon, reveal, motion

Usage

<Citations variant="source-cards" question="…" answer={["Text with [1] and [2, 3]"]} sources={[{ id, title, site, date, kind, href }]} />

Source

Fußnoten

Nummern im Text springen zu ihrer Anmerkung, die Anmerkung zeigt die zitierte Stelle und führt zurück. Beide leuchten beim Ankommen kurz auf.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/citations

Bringt mit utils, kit, icon, reveal, motion

Usage

<Citations variant="footnotes" answer={[…]} sources={[{ id, title, site, date, excerpt, href }]} />

Source

Vorschau beim Zeigen

Belege als kleine Marken im Satz. Zeigen, Fokus oder Tippen öffnet eine Karte mit Quelle und markierter Stelle, Escape schließt sie.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/citations

Bringt mit utils, kit, icon, reveal, motion

Usage

<Citations variant="hover-preview" answer={[…]} sources={[{ id, title, site, excerpt: "… ==marked== …" }]} />

Source

Quellenleiste

Belegte Sätze sind unterstrichen. Ein gewählter Satz öffnet seine Quelle in der Leiste neben der Antwort mit der Stelle, auf die er sich stützt. Telefone stapeln die Leiste darunter.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/citations

Bringt mit utils, kit, icon, reveal, motion

Usage

<Citations variant="side-panel" answer={[…]} sources={[…]} />

Source

Aussagen prüfen

Jede Aussage einer Antwort mit ihrem Beleg, markiert als gedeckt, teilweise gedeckt oder ohne Quelle, als Übersicht und als Zeilen, die die zitierten Worte öffnen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/citations

Bringt mit utils, kit, icon, reveal, motion

Usage

<Citations variant="claim-check" claims={[{ id, claim, source, quote, status, note }]} sources={[…]} />

Source

feedback-on-answer

Feedback zu Antworten

Feedback zu KI-Antworten in fünf Formen. Daumen mit Gründen und Kommentar, eine Korrektur mit Vorschau und Quelle, Bewertungen auf mehreren Skalen, ein Meldedialog mit Wahl zum Datenschutz und eine Auswertung für das Team.

Daumen mit Gründen
Korrektur vorschlagen
Bewertungsskalen
Meldedialog
Auswertung

Props und Details

Daumen mit Gründen

Daumen hoch oder runter unter der Antwort. Eine Bewertung öffnet passende Gründe und einen freiwilligen Kommentar, der Hinweis sagt, wer ihn liest.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/feedback-on-answer

Bringt mit utils, kit, icon, reveal, motion

Usage

<FeedbackOnAnswer variant="thumbs" answer={{ question, text, assistant }} reasons={[{ id, label }]} praise={[…]} onSubmit={…} />

Source

Korrektur vorschlagen

Der falsche Satz ist in der Antwort markiert, die Korrektur erscheint als Vorher und Nachher und kann eine Quelle mitbringen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/feedback-on-answer

Bringt mit utils, kit, icon, reveal, motion

Usage

<FeedbackOnAnswer variant="correction" answer={…} wrong="…" onSubmit={({ before, after, source }) => …} />

Source

Bewertungsskalen

Mehrere Skalen von 1 bis 5 mit Worten an beiden Enden, Pfeiltasten bewegen, der Gesamtwert rechnet beim Bewerten mit.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/feedback-on-answer

Bringt mit utils, kit, icon, reveal, motion

Usage

<FeedbackOnAnswer variant="rating-scale" answer={…} dimensions={[{ id, label, low, high }]} />

Source

Meldedialog

Ein Dialog über der Antwort mit Art des Problems, Details und der Wahl, das Gespräch mitzusenden. Der Fokus bleibt darin, Escape schließt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/feedback-on-answer

Bringt mit utils, kit, icon, reveal, motion

Usage

<FeedbackOnAnswer variant="report-dialog" answer={…} reasons={[{ id, label }]} onSubmit={…} />

Source

Auswertung

Eine Übersicht für das Team mit dem Anteil hilfreicher Antworten samt Verlauf, den häufigsten Problemen als Balken und den neuesten Kommentaren mit Filter.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/feedback-on-answer

Bringt mit utils, kit, icon, reveal, motion

Usage

<FeedbackOnAnswer variant="insights" positive={1840} negative={312} trend={[…]} topReasons={[{ label, count }]} comments={[…]} />

Source

ai-search

KI-Suche

KI-Suche in vier Formen. Ergebnisse mit KI-Übersicht oben, deren Belege zu ihrem Ergebnis springen, eine Recherche, die zum Bericht wird, eine Antwort als Vergleichstabelle mit Empfehlung und Hinweisen und ein Verlauf mit Nachfragen.

Ergebnisse mit KI-Übersicht
Recherchebericht
Antwort als Tabelle
Verlauf mit Nachfragen

Props und Details

Ergebnisse mit KI-Übersicht

Eine kurze KI-Zusammenfassung über klassischen Ergebnissen, auf wenige Zeilen gefaltet, mit klarem Hinweis, wie einig sich die Quellen sind. Ein Beleg scrollt zu seinem Ergebnis und markiert es.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/ai-search

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiSearch variant="overview" query="…" summary="Text with [1] and [2, 3]" results={[{ id, title, site, path, snippet, date }]} confidence="medium" />

Source

Recherchebericht

Beim Hereinscrollen läuft die Recherche ab. Suchen werden geplant, Quellen gezählt und aufgelistet, dann erscheint der Bericht mit Inhalt, Abschnitten und Quellen.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/ai-search

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiSearch variant="research-report" query="…" queries={[{ id, query, found }]} sections={[{ id, heading, text }]} results={[…]} read={34} />

Source

Antwort als Tabelle

Eine Vergleichsfrage als Tabelle beantwortet, mit empfohlener Spalte, Belegen in den Zellen, die ihre Quelle darunter öffnen, und Hinweisen. Telefone wechseln zwischen den Optionen.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/ai-search

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiSearch variant="structured-answer" query="…" summary="…" table={{ columns, rows: [{ label, cells }], pick: 1 }} caveats={[…]} results={[…]} />

Source

Verlauf mit Nachfragen

Fragen und Antworten als Verlauf, frühere Antworten falten sich auf ihre Frage, verwandte Fragen fügen eine neue Runde an, und das Fragefeld bleibt griffbereit.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/ai-search

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiSearch variant="follow-up-thread" turns={[{ id, question, answer, sources }]} related={[…]} results={[…]} />

Source

compare-outputs

Antworten vergleichen

KI-Antworten in vier Formen vergleichen. Eine blinde Abstimmung zwischen zwei Antworten, die danach die Modelle zeigt, ein Wortvergleich zweier Fassungen, mehrere Modelle nebeneinander mit Dauer, Länge und Kosten und eine Auswertungstabelle.

Blinde Abstimmung
Wortvergleich
Modelle nebeneinander
Auswertungstabelle

Props und Details

Blinde Abstimmung

Zwei Antworten als A und B, vier Möglichkeiten zum Abstimmen, danach klappen die Modellnamen herein und die gewählte Karte trägt einen Ring.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/compare-outputs

Bringt mit utils, kit, icon, reveal, motion

Usage

<CompareOutputs variant="blind-vote" prompt="…" outputs={[{ id, model, text, time, tokens }, …]} onVote={(id) => …} />

Source

Wortvergleich

Zwei Fassungen Wort für Wort verglichen, neue Wörter füllen sich grün, entfernte sind gestrichen. Im Text oder ab Tablet nebeneinander, auf Wunsch nur die Änderungen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/compare-outputs

Bringt mit utils, kit, icon, reveal, motion

Usage

<CompareOutputs variant="text-diff" before={{ label, text }} after={{ label, text }} />

Source

Modelle nebeneinander

Derselbe Auftrag von mehreren Modellen beantwortet, jeweils mit Dauer, Länge und Kosten. Die beste markieren, jede kopieren. Telefone wischen mit Punkten.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/compare-outputs

Bringt mit utils, kit, icon, reveal, motion

Usage

<CompareOutputs variant="model-grid" prompt="…" outputs={[{ id, model, text, time, tokens, cost }]} />

Source

Auswertungstabelle

Testfälle gegen Modelle mit Bestanden oder nicht je Zelle, ein Schnitt je Modell mit Balken und ein Filter für nicht bestandene Fälle. Telefone zeigen ein Modell nach dem anderen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/compare-outputs

Bringt mit utils, kit, icon, reveal, motion

Usage

<CompareOutputs variant="eval-table" models={[{ id, name }]} cases={[{ id, prompt, check, scores: { id: 0.9 } }]} passAt={0.7} />

Source

Ähnliche Components

Mehr aus App, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben KI-Antworten stehen.

In die Zwischenablage kopiert