Prompt-Bibliothek

Copy-and-paste-Prompts zum Erstellen von Experience-Site-Seiten mit Avonni-Komponenten, nach Ziel geordnet.

🚧 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: Dein Feedback beeinflusst direkt, was wir als Nächstes verbessern.

Jede Eingabeaufforderung auf dieser Seite kann direkt in Claude, Cursor oder GitHub Copilot eingefügt werden, sobald dein Assistent eingerichtet ist. Kopiere eine, ersetze sie durch deine eigenen Objekte und Felder und sende sie ab. Der Assistent prüft vor der Generierung jede Komponente und Interaktion gegen den MCP-Server, sodass du groß denken kannst.

So passt du eine Eingabeaufforderung an: ersetze die Objekte (Fall, Bestellung, Konto) und ersetze auch die Gruppierungen durch deine eigenen, und beschreibe das gewünschte Ergebnis. Du musst keine Eigenschaften oder Einstellungen benennen: Der Assistent sucht nach dem Vorhandenen und konfiguriert es. Die Datensichtbarkeit folgt den Freigaberegeln deiner Organisation: Portalnutzer sehen nur Datensätze, auf die sie Zugriff haben.

Kundensupport-Portal

Die Seiten, die deine Kunden besuchen, wenn etwas repariert werden muss.

Füge meiner Support-Seite ein Kanban der Fälle des Kunden hinzu, gruppiert nach Status.

Füge meiner Support-Portal-Seite eine Fallliste hinzu, mit einer Schaltfläche, die in einem Dialog einen Bildschirm-Flow zum Erstellen eines Falls öffnet.

Füge eine Datentabelle der Fälle des Kunden mit einer Download-Aktion für die angehängte Datei in jeder Zeile hinzu.

Selbstbedienungs-Kontoseiten

Lass Kunden ihre Antworten selbst finden, bevor sie einen Fall eröffnen.

Füge der Kontoseite eine Datentabelle der offenen Bestellungen des Kunden hinzu, und navigiere zum Datensatz, wenn auf eine Zeile geklickt wird.

Füge oben auf der Seite eine Profilkarte hinzu, die die Details des angemeldeten Benutzers anzeigt.

Füge eine Datensatzdetailansicht des Abonnements des Kunden mit den Hauptfeldern hinzu.

Inhalte und Interaktion

Sorge dafür, dass sich die Website lebendig anfühlt, nicht wie eine Datenbank mit Login.

Füge der Startseite ein Banner mit einem Titel, einem Hintergrundbild und einer Call-to-Action-Schaltfläche hinzu.

Füge der Startseite eine Galerie mit Produktbildern hinzu.

Füge der Community-Seite einen Feed und einen Publisher hinzu, damit Mitglieder Beiträge veröffentlichen und kommentieren können.

Füge der Erste-Schritte-Seite einen Videoplayer mit unserem Onboarding-Video hinzu.

Navigation und Struktur

Füge ein Navigationsmenü mit Links zu den Seiten Support, Bestellungen und Konto hinzu.

Organisiere den Inhalt der FAQ-Seite in einem Akkordeon mit einem Abschnitt pro Thema.

Füge der Kontoseite Tabs hinzu, die Bestellungen, Rechnungen und Einstellungen trennen.

Komplette Anwendungsfälle

Wenn eine Anfrage mehrere Artefakte umfasst, avonni-architect plant und erstellt alle Teile in der richtigen Reihenfolge.

Füge meiner Support-Portal-Seite eine Fallliste und einen Bildschirm-Flow zum Erstellen eines Falls hinzu, der sich über eine Schaltfläche öffnet.

Erstelle eine Bestellverfolgungs-Erfahrung: eine Datentabelle der Bestellungen des Kunden und einen Bildschirm-Flow in einem Seitenpanel, um ein Problem mit einer Bestellung zu melden.

---

Mach diese Eingabeaufforderungen zu deinen

• Benenne reale Objekte und Felder. "Eine Datentabelle von Bestellung Datensätzen, die nach dem Konto des angemeldeten Benutzers gefiltert sind", ist besser als "eine Tabelle mit Bestellungen".

• Arbeite im selben Gespräch iterativ weiter. Fahre mit "ändere die Gruppierung auf Priorität" oder "füge eine Suchleiste hinzu" fort: Der Assistent aktualisiert dieselbe Seite.

• Denke zuerst an das Portal. Sage, wer die Seite sieht ("Kunden", "Partner"), und der Assistent konfiguriert den Datenbereich entsprechend, innerhalb deiner Freigaberegeln.

Noch nicht eingerichtet? Das Ganze dauert nur ein paar Minuten: Einrichtung.