KI-Unterstützung beim Gestalten von Karteninhalten

Matthias Rohmer
Matthias Rohmer

Verwenden Sie das Steuerfeld KI-Unterstützung für das Styling, um das Gesamtlayout einer Website, bestimmte Elementstyles und KI-generierte Fehlerkorrekturen für CSS-Fehler zu verstehen.

Bereich „KI-Unterstützung“ öffnen

Der Bereich KI-Unterstützung wird in der Leiste geöffnet.

Der Bereich für die KI-Unterstützung wurde im Standardzustand geöffnet.

Über den Bereich „Elemente“

Wenn Sie AI-Unterstützung über den Bereich „Elemente“ öffnen möchten, klicken Sie beim Prüfen eines DOM-Knotens mit der rechten Maustaste auf den Knoten und wählen Sie die Option Ask AI aus.

Das Kontextmenü des Elements mit der hervorgehobenen Option „KI fragen“.

Wenn Sie die KI-Unterstützung so öffnen, wird das geprüfte DOM-Element bereits als Kontextelement für die Unterhaltung ausgewählt.

Alternativ können Sie auf die schwebende Schaltfläche klicken, die mit einem DOM-Knoten verknüpft ist, auf den Sie den Mauszeiger bewegt haben.

Die unverankerte Schaltfläche, die mit einem DOM-Knoten verbunden ist.

Über das Befehlsmenü

Wenn Sie die KI-Unterstützung über das Befehlsmenü öffnen möchten, geben Sie AI ein und führen Sie dann den Befehl KI-Unterstützung anzeigen aus, neben dem das Symbol Schublade angezeigt wird.

Das geöffnete Befehlsmenü mit der hervorgehobenen Option „KI-Unterstützung einblenden“.

Über das Menü "Weitere Tools"

Alternativ können Sie rechts oben auf Weitere Optionen > Weitere Tools > KI-Unterstützung klicken.

Das geöffnete Menü „Weitere Tools“.

Konversationskontext

Chats mit KI-Unterstützung beziehen sich immer auf das aktuell geprüfte Element. Es ist das letzte Element, das im DOM-Baum des Steuerfelds „Elemente“ ausgewählt wurde. Ein Verweis auf dieses Element wird in der unteren linken Ecke des Steuerfelds angezeigt.

Der Bereich „KI-Unterstützung“ mit dem hervorgehobenen Kontextelement.

Sie können den Kontext über die Schaltfläche „Elementauswahl“ neben dem aktuellen Element oder über die Auswahl im DOM-Baum des Elements-Steuerfelds ändern.

Das derzeit geprüfte Element bildet die Grundlage der Unterhaltung. AI Assist hat jedoch Zugriff auf alle Web-APIs, um weitere Informationen von der untersuchten Seite zu erfassen. Dazu gehört auch das Abfragen anderer Elemente mit document.querySelector oder die Auswertung berechneter Stile.

Aufforderungen

Wenn Sie eine neue Unterhaltung beginnen, bietet die KI-Unterstützung für das Styling Beispielvorschläge, mit denen Sie schnell loslegen können.

Der Bereich für die KI-Unterstützung mit hervorgehobenen Beispielprompts

Klicken Sie auf eine der Prompts, um das Prompt-Eingabefeld unten im Feld vorab auszufüllen.

Alternativ können Sie auch einen eigenen Prompt oder eine eigene Frage in das Eingabefeld eingeben.

Wenn Sie einen Prompt senden möchten, drücken Sie entweder die Taste Enter oder klicken Sie auf den Pfeil rechts neben dem Eingabefeld.

Gesprächsverlauf

Wenn Sie einen Prompt senden, beginnt die Unterhaltung mit dem Styling-Agenten. Um die Informationen zu erhalten, die für eine optimale Beantwortung Ihrer Anfrage erforderlich sind, generiert und führt der Agent JavaScript aus, das Web-APIs aufruft. Der Fortschritt des Kundenservicemitarbeiters wird in Schritten angezeigt. Der Status des ersten Schritts ist Investigating….

Das KI-Hilfefeld nach Beginn einer Unterhaltung.

Das Schrittlabel wird aktualisiert, wenn der Kundenservicemitarbeiter bestimmte Aktionen ausführt, um Ihre Frage zu beantworten.

Sobald der Kundenservicemitarbeiter zu einer endgültigen Antwort gekommen ist, wird diese unter den Schritten zur Fehlerbehebung angezeigt. Außerdem werden Vorschläge für weitere Schritte angezeigt.

Der Bereich für die KI-Unterstützung mit einer Antwort, die von der KI gegeben wurde.

Klicken Sie auf eine der vorgeschlagenen Aufforderungen, um die Unterhaltung fortzusetzen. Klicken Sie auf das

eines Untersuchungsschritts, um besser zu verstehen, welche KI-Unterstützung im Hintergrund entstanden ist.

Das Steuerfeld für die KI-Unterstützung mit einem maximierten Konversationsschritt.

Wenn du einen Fortschritts-Chip maximierst, siehst du den vom Kundenservicemitarbeiter ausgeführten Code zusammen mit dem Rückgabewert. Kopieren Sie den ausgeführten Code für die weitere Verwendung, z. B. zum Ausführen im Console-Bereich.

Pausierte Unterhaltungen

Die KI-Unterstützung kann Code mit Nebenwirkungen generieren. In diesem Fall wird die Unterhaltung pausiert, bevor der Code ausgeführt wird.

Das Steuerfeld für die KI-Unterstützung mit einer pausierten Unterhaltung.

Wenn die Unterhaltung pausiert wird, prüfen Sie den vom Kundenservicemitarbeiter vorgeschlagenen Code. Klicken Sie auf und dann auf Continue (Weiter), um fortzufahren.

Keine Antwort angegeben

Die KI-Unterstützung kann aus verschiedenen Gründen keine Antworten liefern.

Das Panel für die KI-Unterstützung mit einer abgelehnten Unterhaltung.

Wenn Sie der Meinung sind, dass Ihr Prompt ein Thema ist, über das die KI-Unterstützung sprechen sollte, melden Sie bitte einen Fehler.

Unterhaltungsverlauf

Sobald Sie eine Unterhaltung beginnen, basiert jede nächste Antwort auf Ihren bisherigen Interaktionen zwischen Ihnen und der KI.

Mit den Steuerelementen oben links im Bereich können Sie Ihren Unterhaltungsverlauf verwalten.

Der Bereich „KI-Unterstützung“ mit hervorgehobenen Verlaufssteuerungen

Neu beginnen

Um eine neue Unterhaltung mit dem aktuell ausgewählten Unterhaltungskontext zu starten, klicken Sie auf die Schaltfläche .

Weiter

Wenn Sie eine frühere Unterhaltung fortsetzen möchten, klicken Sie auf die Schaltfläche und wählen Sie sie im Kontextmenü aus.

Löschen

Wenn Sie eine Unterhaltung aus dem Verlauf löschen möchten, klicken Sie auf die Schaltfläche .

Antworten bewerten und Feedback geben

KI-Unterstützung ist eine experimentelle Funktion. Deshalb sind wir auf der Suche nach Ihrem Feedback, damit wir die Qualität der Antworten und die Nutzerfreundlichkeit verbessern können.

Der Bereich für die KI-Unterstützung mit hervorgehobenen Steuerelementen für die Altersfreigabe

Antworten bewerten

Bewerten Sie eine Antwort mithilfe der Schaltflächen Mag ich und Mag ich nicht unter der Antwort.

Antworten melden

Wenn du unangemessene Inhalte melden möchtest, klicke neben den Abstimmungsschaltflächen auf die Schaltfläche .