KI-Einrichtung

Modelle, Einstellungen, Gedächtnis, Datenschutz und die ersten Schritte.

3 Components · 14 Variants

Kategorie wechseln

Auf dieser Seite

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

KI-Einstellungen5
Modellauswahl5
KI-Einstieg4

ai-settings

KI-Einstellungen

Einstellungen eines KI-Assistenten. Ein Gedächtnis zum Ansehen und Bearbeiten, eigene Anweisungen mit Live-Vorschau, Datenkontrolle mit Export und Löschen, verbundene Apps mit Zugriff je Bereich und Regeln für einen ganzen Arbeitsbereich.

Gedächtnis
Eigene Anweisungen
Datenkontrolle
Verbundene Apps
Regeln für das Team

Props und Details

Gedächtnis

Jeder gemerkte Fakt mit Herkunft, gruppiert, durchsuchbar, direkt bearbeitbar und mit Rückgängig vergessbar. Ein Schalter pausiert das Gedächtnis.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-settings

Bringt mit utils, kit, icon, reveal, motion, switch

Usage

<AiSettings variant="memory" memories={[{ id, text, source, group }]} memoryOn />

Source

Eigene Anweisungen

Zwei Felder mit Zähler, Tonvorlagen als Auswahl und eine Vorschau, deren Beispielantwort sich mit der Vorlage ändert. Speichern leuchtet erst nach einer Änderung auf.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-settings

Bringt mit utils, kit, icon, reveal, motion, switch

Usage

<AiSettings variant="instructions" about="…" style="…" presets={[{ id, label, sample }]} sampleQuestion="…" />

Source

Datenkontrolle

Training standardmäßig aus, wie lange Chats bleiben, vorübergehende Chats, ein Export und das Löschen aller Chats hinter einer getippten Bestätigung.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-settings

Bringt mit utils, kit, icon, reveal, motion, switch

Usage

<AiSettings variant="data-controls" retention={["30 days", "90 days", "1 year", "Forever"]} />

Source

Verbundene Apps

Jede verbundene App mit ihren Bereichen als Schalter und der letzten Nutzung. Zeilen öffnen weich, Trennen ist ein Klick.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-settings

Bringt mit utils, kit, icon, reveal, motion, switch

Usage

<AiSettings variant="connected-apps" connections={[{ id, name, icon, access: [{ id, label, on }], lastUsed, connected }]} />

Source

Regeln für das Team

Regeln für alle im Arbeitsbereich zu sensiblen Daten, Training, Protokollen und erlaubten Modellen, gemeinsam angewendet und protokolliert.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-settings

Bringt mit utils, kit, icon, reveal, motion, switch

Usage

<AiSettings variant="workspace-policy" rules={[{ id, label, description, icon, on, impact }]} models={[{ id, name, allowed }]} />

Source

model-picker

Modellauswahl

Fünf Wege, das Modell hinter einer KI-Funktion zu wählen. Ein kompaktes Menü, Karten mit Tempo, Denktiefe, Kontext und Kosten, eine Vergleichstabelle, die automatische Wahl als Weg erklärt und Standards je Aufgabe mit Kostengrenze.

Menü
Modellkarten
Vergleichstabelle
Automatische Wahl
Standards je Aufgabe

Props und Details

Menü

Ein kompakter Schalter für die Eingabe, mit automatischer Wahl, Tempo und Kosten je Modell und einem gesperrten Modell, das seinen Tarif nennt. Pfeiltasten und Escape funktionieren.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/model-picker

Bringt mit utils, kit, icon, reveal, motion

Usage

<ModelPicker variant="dropdown" models={[{ id, name, description, speed, depth, context, cost, costLevel, locked }]} auto defaultValue="core" />

Source

Modellkarten

Jedes Modell als Karte mit Tempo und Denktiefe als Skalen, Kontext, Kosten und wofür es gut ist. Die Karten sind eine Auswahlgruppe, die gewählte trägt einen Ring.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/model-picker

Bringt mit utils, kit, icon, reveal, motion

Usage

<ModelPicker variant="cards" models={[…]} defaultValue="core" onChange={(id) => …} />

Source

Vergleichstabelle

Modelle als Spalten mit Skalen, Kontext, Kosten und Fähigkeiten, der beste Wert jeder Zeile markiert. Telefone zeigen ein Modell nach dem anderen mit gleitendem Umschalter.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/model-picker

Bringt mit utils, kit, icon, reveal, motion

Usage

<ModelPicker variant="compare-table" models={[…]} defaultValue="core" />

Source

Automatische Wahl

Beispielanfragen links, Modelle rechts und eine Linie dazwischen, die zeigt, welches Modell die automatische Wahl nimmt und warum.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/model-picker

Bringt mit utils, kit, icon, reveal, motion

Usage

<ModelPicker variant="auto-routing" models={[…]} routes={[{ id, task, kind, icon, model, reason }]} />

Source

Standards je Aufgabe

Ein Standardmodell je Aufgabe und eine Grenze für die Kosten einer Anfrage, zusammen gespeichert. Änderungen schalten Speichern und Zurücksetzen frei.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/model-picker

Bringt mit utils, kit, icon, reveal, motion

Usage

<ModelPicker variant="task-defaults" models={[…]} tasks={[{ id, label, icon, description, model }]} maxCost={{ value, min, max, unit }} />

Source

ai-onboarding

KI-Einstieg

Die ersten Minuten mit einem KI-Assistenten. Was er kann, mit einem Beispiel, das sich selbst tippt, eine erste Aufgabe zum Starten, die Datenquellen zum Verbinden mit dem, was jede liest, und eine ehrliche Seite zu Grenzen und Versprechen.

Was er kann
Erste Aufgabe
Quellen verbinden
Grenzen und Versprechen

Props und Details

Was er kann

Fähigkeiten als Reiter, jede mit einer Anfrage, die sich selbst tippt, und dem Ergebnis danach. Pfeiltasten wechseln, Telefone wischen die Reihe.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-onboarding

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiOnboarding variant="capabilities" name="…" capabilities={[{ id, title, description, icon, prompt, result }]} step={{ current: 1, total: 3 }} />

Source

Erste Aufgabe

Eine Handvoll Aufgaben, die sofort klappen, jeweils mit Dauer und was sie brauchen, oder eine Aufgabe in eigenen Worten. Starten öffnet den Chat damit.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-onboarding

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiOnboarding variant="first-task" tasks={[{ id, label, icon, time, needs }]} step={{ current: 3, total: 3 }} />

Source

Quellen verbinden

Datenquellen mit dem, was der Assistent jeweils lesen würde, einzeln verbunden mit einem Haken, der einspringt, und einem Zähler im Fuß.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-onboarding

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiOnboarding variant="connect-sources" sources={[{ id, name, icon, description, reads, connected }]} step={{ current: 2, total: 3 }} />

Source

Grenzen und Versprechen

Vor dem ersten Chat stehen ehrlich nebeneinander, worin der Assistent gut ist, wofür er nicht gemacht ist, und drei Versprechen zu den Daten.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/ai-onboarding

Bringt mit utils, kit, icon, reveal, motion

Usage

<AiOnboarding variant="limits-promise" can={[…]} cannot={[…]} promises={[{ title, description, icon }]} />

Source

Wird oft kombiniert mit

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

Auf dieser Seite

Gedächtnis

Eigene Anweisungen

Datenkontrolle

Verbundene Apps

Regeln für das Team

Menü

Modellkarten

Vergleichstabelle

Automatische Wahl

Standards je Aufgabe

Was er kann

Erste Aufgabe

Quellen verbinden

Grenzen und Versprechen

Ähnliche Components, Wird oft kombiniert mit

Ähnliche Components

Wird oft kombiniert mit