> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/mit-ki-erstellen/using-the-ai-assistant.md). # Die Verwendung des KI-Assistenten {% hint style="warning" %} 🚧 **Frühzugang.** Build with AI wird schrittweise eingeführt und mit jedem Release verbessert. Etwas unklar, fehlt etwas oder ist etwas kaputt? [Sag es uns](/experience-cloud/experience-cloud-de/hilfe/how-do-i-contact-support.md): Dein Feedback beeinflusst direkt, was wir als Nächstes verbessern. {% endhint %} Du rufst weder Skills noch MCP-Tools selbst auf. Beschreibe einfach das gewünschte Ergebnis in Klartext, und der Assistent aktiviert den richtigen Skill und ruft über den MCP-Server echtes Komponentenwissen ab. ## Der richtige Skill wird für dich aktiviert | Du arbeitest an … | Der Skill, der aktiviert wird | | -------------------------------------------------------------------------------- | ------------------------------ | | Avonni-Komponenten auf einer Seite einer Digital Experience | `avonni-experience-components` | | Avonni Flow Screen Components in einem Screen Flow | `avonni-flow-components` | | Eine Avonni Dynamic Component | `avonni-dynamic-components` | | Avonni-Komponenten in LWC-Code (HTML/JS/CSS) | `avonni-lwc-components` | | Alles, was mehrere Artefaktarten umfasst, oder ein geschäftlicher Anwendungsfall | `avonni-architect` | {% hint style="info" %} **Faustregel:** ein einzelnes Artefakt eines bekannten Typs wird seinem spezifischen Skill zugeordnet. Eine Anfrage, die mehrere Artefaktarten umfasst oder einen End-to-End-Anwendungsfall beschreibt, wird an `avonni-architect`. Wenn du unsicher bist, beschreibe einfach das Ziel: Die Aktivierungsregeln der Skills entscheiden das für dich. {% endhint %} ## Ideen für Prompts Kopiere einfach eine beliebige dieser Formulierungen, passe die Objektnamen an deine Org an und sende sie ab. Beziehe dich auf Komponenten mit den in dieser Dokumentation verwendeten Namen: „Data Table“, „Kanban“, „Gallery“, „Banner“. Der Assistent löst jeden Namen über den MCP-Server der richtigen Komponente zu. {% tabs %} {% tab title="🆕 Eine Komponente hinzufügen" %} > Füge meiner Support-Portal-Seite ein Avonni-Kanban mit Cases hinzu, gruppiert nach Status. > Füge der Kontoseite eine Avonni-Datentabelle mit den offenen Bestellungen des Kunden hinzu. > Füge der Startseite eine Avonni-Galerie mit Produktbildern hinzu. **Was passiert:** der `avonni-experience-components` Der Skill aktiviert sich, ruft die echten Eigenschaften und Interaktionen jeder Komponente über den MCP-Server ab und fügt die konfigurierte Komponente deiner Seite hinzu. Die Sichtbarkeit der Daten folgt weiterhin den Freigaberegeln deiner Org: Portalbenutzer sehen nur Datensätze, auf die sie Zugriff haben. {% endtab %} {% tab title="✏️ Eine Seite aktualisieren" %} > Ändere die Gruppierung des Kanban von Status zu Priorität. > Zeige in der Datentabelle nur offene Cases an. > Ändere den Titel und das Hintergrundbild des Banners. **Was passiert:** der Skill liest die Inhaltsdatei deiner Seite, prüft die Optionen der Komponente über den MCP-Server und übernimmt die Änderung. {% endtab %} {% tab title="⚡ Interaktionen verknüpfen" %} Interaktionen verbinden ein Komponentenereignis direkt von der Seite aus mit einer Aktion. > Öffne ein Screen Flow in einem Dialog, wenn der Benutzer auf die Schaltfläche klickt. > Navigiere zur Datensatzseite, wenn auf eine Zeile geklickt wird. > Lass Portalbenutzer die angehängte Datei herunterladen. **Was passiert:** der Skill verknüpft die richtigen Interaktionstypen (Flow-Dialog öffnen, Navigieren, Herunterladen, Toast anzeigen) mit ihren Einstellungen, wobei der tatsächliche Interaktionskatalog vom MCP-Server verwendet wird. {% endtab %} {% tab title="🧩 Ein vollständiger Anwendungsfall" %} > Füge meiner Support-Portal-Seite eine Fallliste und einen Bildschirm-Flow zum Erstellen eines Falls hinzu, der sich über eine Schaltfläche öffnet. Das umfasst zwei Artefaktarten, also `avonni-architect` wird aktiviert. Er plant die Architektur, erstellt zuerst den Flow und fügt dann die Komponenten zur Seite hinzu, wobei die Schaltfläche so verdrahtet wird, dass sie diesen Flow öffnet. **Was passiert:** eine Anfrage, mehrere Artefakte, alle in Abhängigkeitsreihenfolge miteinander verdrahtet. {% endtab %} {% endtabs %} ## Was dich erwartet Eine typische Sitzung läuft in drei Schritten ab: {% stepper %} {% step %} ### Nachschlagen Der Assistent fragt beim MCP-Server die beteiligten Komponenten mit ihren Eigenschaften, Interaktionen und Styling-Optionen ab. {% endstep %} {% step %} ### Planen Er schlägt einen Ansatz vor und stellt möglicherweise Rückfragen. Bei Anfragen mit mehreren Artefakten ordnet er die Artefakte in Abhängigkeitsreihenfolge an. {% endstep %} {% step %} ### Erzeugen Er erstellt oder aktualisiert die Inhaltsdatei deiner Seite. Prüfe sie, stelle sie mit deinem üblichen Prozess bereit, öffne dann die Seite in Experience Builder, um das Ergebnis zu prüfen, und veröffentliche die Site. {% endstep %} {% endstepper %} {% hint style="warning" %} In deiner Org wird nichts bereitgestellt: Bereitstellung und Veröffentlichung bleiben in deiner Hand. Siehe Einschränkungen & FAQ. {% endhint %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/mit-ki-erstellen/using-the-ai-assistant.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.