Wirkungsvolle Prompts schreiben
Produkte, Nutzer, Abläufe und Designrichtung so beschreiben, dass condoo.Vibe schon beim ersten Versuch näher an deiner Vorstellung entwickelt.
Die Qualität dessen, was condoo.Vibe erstellt, hängt teilweise davon ab, wie klar du deine Wünsche vermittelst.
Du musst keine besondere Prompt-Sprache lernen oder technische Spezifikationen schreiben. Der richtige Kontext für condoo.Vibe hilft deinem KI-Produktteam jedoch, deine Ziele zu verstehen, bessere Entscheidungen zu treffen und näher an deiner Vorstellung zu entwickeln.
Diese Anleitung zeigt, wie du wirkungsvolle Prompts für Websites, Anwendungen, Funktionen, Designänderungen und komplexere Produktarbeit schreibst.
In Ergebnissen denken, nicht in Code
Ein guter Prompt für condoo.Vibe beginnt mit dem Ziel des Produkts.
Normalerweise musst du condoo.Vibe nicht genau sagen, wie es umgesetzt werden soll.
Statt:
Eine React-Komponente mit einem Formular aus fünf Eingabefeldern erstellen und die Daten per POST an einen API-Endpunkt senden.
Versuche:
Der Website des Bauunternehmens ein Formular für Angebotsanfragen hinzufügen. Besucher sollen Name, E-Mail, Telefonnummer, Projekttyp, Budget und eine kurze Projektbeschreibung eingeben. Jede Anfrage speichern, damit sie später im Administrationsdashboard angesehen werden kann.
Der zweite Prompt gibt condoo.Vibe etwas Wertvolleres: das gewünschte Produktverhalten.
condoo.Vibe kann die dafür erforderliche Umsetzung selbst bestimmen.
Die vier Teile eines guten Prompts
Für größere Anfragen ist diese Struktur hilfreich:
Kontext → Ziel → Anforderungen → Richtung
Kontext
Sag condoo.Vibe, woran du arbeitest und für wen es gedacht ist.
Ich entwickle ein CRM für eine Immobilienagentur mit einem Maklerteam.
Ziel
Erkläre, was du erreichen möchtest.
Makler sollen einen zentralen Ort zur Verwaltung potenzieller Käufer und Verkäufer erhalten.
Anforderungen
Beschreibe die wichtigen Dinge, die Nutzer tun können sollen.
Makler sollen Leads anlegen, Teammitgliedern zuweisen, den Lead-Status ändern, Notizen hinzufügen, Nachfassaktionen planen und die Lead-Liste durchsuchen oder filtern können.
Richtung
Ergänze wichtige Wünsche zum Benutzererlebnis oder Design.
Die Oberfläche professionell und übersichtlich halten. Auf Desktopbildschirmen eine klare Tabelle und auf Mobilgeräten Karten verwenden.
Zusammen ergibt das:
Ich entwickle ein CRM für eine Immobilienagentur mit einem Maklerteam. Makler sollen einen zentralen Ort zur Verwaltung potenzieller Käufer und Verkäufer erhalten. Sie sollen Leads anlegen, Teammitgliedern zuweisen, den Lead-Status ändern, Notizen hinzufügen, Nachfassaktionen planen und die Lead-Liste durchsuchen oder filtern können. Die Oberfläche professionell und übersichtlich halten. Auf Desktopbildschirmen eine klare Tabelle und auf Mobilgeräten Karten verwenden.
Das ist ein guter Prompt für condoo.Vibe.
Dort konkret werden, wo es zählt
Mehr Wörter machen einen Prompt nicht automatisch besser.
Ziel ist, condoo.Vibe hilfreiche Informationen zu geben.
Zu ungenau
Ein CRM für mich erstellen.
condoo.Vibe muss viele Annahmen darüber treffen, welche Art von CRM du benötigst.
Besser
Ein CRM für eine Immobilienagentur erstellen. Makler sollen Leads, Immobilien, Abschlüsse und Nachfassaktionen verwalten können. Ein Dashboard mit aktiven Leads, Pipeline-Wert, anstehenden Nachfassaktionen und letzten Aktivitäten hinzufügen.
Jetzt versteht condoo.Vibe Branche, Nutzer, zentrale Datentypen und Dashboard-Anforderungen.
condoo.Vibe sagen, wer die Nutzer sind
Zu wissen, wer das Produkt nutzt, kann beeinflussen, wie condoo.Vibe das Benutzererlebnis gestaltet.
Statt:
Ein Terminbuchungssystem erstellen.
Versuche:
Ein Terminbuchungssystem für einen Schönheitssalon erstellen. Kunden sollen eine Dienstleistung und einen Stylisten auswählen, verfügbare Termine sehen und online buchen können. Salonmitarbeiter sollen ein Dashboard zur Terminverwaltung erhalten.
Damit sind zwei verschiedene Nutzergruppen benannt:
- Kunden
- Salonmitarbeiter
Das gibt condoo.Vibe deutlich mehr Kontext für die Gestaltung der Anwendung.
Wichtige Nutzerabläufe beschreiben
Bei Anwendungen beschreibe aus Nutzersicht, was geschehen soll.
Zum Beispiel:
Ein neuer Kunde soll ein Konto erstellen, einen Abonnementtarif auswählen, die Zahlung abschließen und anschließend zu seinem Dashboard weitergeleitet werden können.
Oder:
Wenn ein Makler einen neuen Lead anlegt, soll er ihn einem anderen Teammitglied zuweisen und eine Nachfassaktion planen können, ohne die Lead-Seite zu verlassen.
Nutzerabläufe helfen condoo.Vibe, das Zusammenspiel verschiedener Teile deiner Anwendung zu verstehen.
condoo.Vibe eine Designrichtung vorgeben
Du kannst die gewünschte Wirkung der Anwendung beschreiben, ohne jede CSS-Eigenschaft festzulegen.
Zum Beispiel:
Die Website soll hochwertig, modern und architektonisch wirken. Großzügige Freiräume, ausdrucksstarke Typografie, große professionelle Baufotografien und dezente Animationen verwenden. Sie soll nicht wie eine beliebige Vorlage wirken.
Oder:
Das Dashboard wie ein hochwertiges B2B-SaaS-Produkt gestalten. Viele Informationen übersichtlich darstellen, mit klarer Hierarchie und möglichst wenig visueller Unruhe.
Du kannst Folgendes beschreiben:
- Visuellen Stil
- Markenpersönlichkeit
- Layoutwünsche
- Farben
- Typografie
- Informationsdichte
- Animationen
- Verhalten auf Mobilgeräten
Vorbilder gezielt verwenden
Du kannst Produkte oder Designstile beschreiben, die die gewünschte Richtung vermitteln.
Zum Beispiel:
Das Dashboard soll ausgefeilt und minimalistisch wie ein modernes SaaS-Produkt für Unternehmen wirken, mit klarer Informationshierarchie und großzügigen Abständen.
Es geht dabei nicht unbedingt darum, ein anderes Produkt zu kopieren.
Vorbilder sollen Eigenschaften vermitteln wie:
klar, redaktionell, verspielt, unternehmensgerecht, minimalistisch, luxuriös, technisch, markant oder zugänglich.
Komplexe Arbeit in Etappen aufteilen
Du musst nicht ein ganzes anspruchsvolles Produkt mit einer einzigen Anweisung erstellen.
Bei komplexen Anwendungen bietet die Arbeit in Etappen häufiger Gelegenheit, wichtige Entscheidungen zu prüfen.
Zum Beispiel:
Etappe 1
Das grundlegende CRM mit Leads, Kontakten und einem Dashboard erstellen.
Etappe 2
Jetzt eine Vertriebspipeline hinzufügen. Abschlüsse sollen die Phasen Qualifiziert, Angebot, Verhandlung, Gewonnen und Verloren durchlaufen.
Etappe 3
Teamverwaltung hinzufügen. Inhaber von Arbeitsbereichen sollen Makler einladen und ihnen Leads und Abschlüsse zuweisen können.
Etappe 4
Berichte zu Pipeline-Wert, Konversionsrate, gewonnenen Abschlüssen dieses Monats und Leistung je Makler hinzufügen.
Du entwickelst das Produkt weiter, statt alle zukünftigen Anforderungen auf einmal zu beschreiben.
condoo.Vibe sagen, was bleiben soll
Wenn du eine bestehende Anwendung veränderst, sage condoo.Vibe bei Bedarf, was unverändert bleiben soll.
Zum Beispiel:
Den Hero-Bereich neu gestalten, damit Überschrift und CTA stärker hervortreten. Bestehende Navigation, Farben, Typografie und den Rest der Startseite unverändert lassen.
Das gibt condoo.Vibe klare Grenzen.
Ein weiteres Beispiel:
Suche und Filter zur Kundentabelle hinzufügen. Die bestehenden Tabellenspalten und den Ablauf zum Anlegen von Kunden nicht verändern.
Das ist besonders hilfreich, wenn deine Anwendung bereits nahe an deiner Vorstellung ist.
Präzises Feedback geben
Wenn etwas nicht wie erwartet aussieht oder funktioniert, sage nicht nur:
Das gefällt mir nicht.
Sag condoo.Vibe, was verbessert werden muss.
Zum Beispiel:
Der Hero-Bereich wirkt zu überladen. Die Textmenge reduzieren, der Überschrift mehr Raum geben, den wichtigsten CTA stärker hervorheben und die Anzahl der Elemente im zunächst sichtbaren Bereich verringern.
Oder:
Das Dashboard ist schwer zu überblicken. Die vier wichtigsten KPIs stärker hervorheben, die letzten Aktivitäten weiter unten platzieren und dem Bereich für anstehende Aufgaben mehr visuelle Priorität geben.
Du musst die Lösung nicht unbedingt kennen.
Du kannst das wahrgenommene Problem beschreiben. condoo.Vibe kann bei der Lösung helfen.
Verhalten beschreiben, nicht nur Aussehen
Bei Anwendungen solltest du nicht bei der Beschreibung des Aussehens stehen bleiben.
Erkläre, was passieren soll.
Statt:
Eine Anmeldeseite hinzufügen.
Versuche:
Authentifizierung hinzufügen. Nutzer sollen ein Konto mit E-Mail und Passwort erstellen oder sich mit Google anmelden können. Nach der Anmeldung zu ihrem Dashboard weiterleiten. Abgemeldete Nutzer dürfen nicht auf Dashboard-Seiten zugreifen.
Der zweite Prompt beschreibt das tatsächliche Produktverhalten.
condoo.Vibe vor Änderungen an komplexen Funktionen nachdenken lassen
Manche Änderungen betreffen mehrere Teile einer Anwendung.
Zum Beispiel:
Ich möchte mandantenfähige Arbeitsbereiche hinzufügen, damit jedes Unternehmen getrennte Nutzer und Daten hat. Noch nichts umsetzen. Zuerst die bestehende Anwendung analysieren und einen Plan erstellen, der Datenbankänderungen, Authentifizierung, Berechtigungen, Migrationsrisiken und anzupassende Seiten berücksichtigt.
Hier ist der Modus Plan besonders nützlich.
Beispiele für wirkungsvolle Prompts
Website
Eine hochwertige Website für ein gewerbliches Bauunternehmen erstellen, das Unternehmen in Lagos betreut. Seiten für Start, Über uns, Dienstleistungen, Projekte, Sicherheit, Karriere und Kontakt hinzufügen. Das wichtigste Konversionsziel sind Angebotsanfragen. Ausdrucksstarke Architekturfotografie, markante Typografie, großzügige Freiräume und einen professionellen Unternehmensstil verwenden. Die Website vollständig responsiv gestalten.
SaaS-Anwendung
Eine SaaS-Anwendung für Agenturen zur Verwaltung von Kunden und Projekten erstellen. Nutzer sollen einen Arbeitsbereich erstellen, Teammitglieder einladen, Kunden hinzufügen, Projekte für jeden Kunden anlegen, Aufgaben zuweisen, Fristen verfolgen und die letzten Aktivitäten in einem Dashboard sehen können. Die Daten jedes Arbeitsbereichs müssen getrennt bleiben.
Funktion
Der bestehenden Anwendung eine Benachrichtigungszentrale hinzufügen. Ungelesene Benachrichtigungen mit einem Hinweis in der Kopfzeile anzeigen. Nutzer sollen den Benachrichtigungsbereich öffnen und einzelne oder alle Benachrichtigungen als gelesen markieren können. Das bestehende Design der Kopfzeile beibehalten.
Verbesserung
Die mobile Nutzung dieser Seite verbessern. Das Desktoplayout unverändert lassen. Auf Mobilgeräten die Karten untereinander anordnen, alle primären Aktionen über die gesamte Breite darstellen, leicht antippbare Berührungsflächen sicherstellen und verhindern, dass die Tabelle über den sichtbaren Bereich hinausragt.
Fehlerbehebung
Das Formular wird derzeit abgesendet, aber Nutzer erhalten keine Bestätigung. Nach erfolgreichem Absenden eine Erfolgsmeldung anzeigen und das Formular leeren. Während der Verarbeitung die Absenden-Schaltfläche deaktivieren. Wenn das Absenden fehlschlägt, die Nutzereingaben beibehalten und eine klare Fehlermeldung anzeigen.
Eine wiederverwendbare Prompt-Vorlage
Wenn du bei der Struktur einer komplexen Anfrage unsicher bist, verwende diese Vorlage:
Ich entwickle [PRODUKT] für [ZIELGRUPPE].
Das Ziel ist [ERGEBNIS].
Nutzer sollen Folgendes tun können:
- [ANFORDERUNG]
- [ANFORDERUNG]
- [ANFORDERUNG]
Das Benutzererlebnis soll [DESIGNRICHTUNG] wirken.
Wichtige Einschränkungen:
- [EINSCHRÄNKUNG]
- [EINSCHRÄNKUNG]
[BESTEHENDE TEILE, DIE UNVERÄNDERT BLEIBEN SOLLEN] beibehalten.
Du musst nicht jedes Feld ausfüllen.
Verwende nur die Informationen, die für deine Anfrage an condoo.Vibe relevant sind.
Die wichtigste Regel
Sag condoo.Vibe, was du erreichen möchtest, nicht nur, was generiert werden soll.
condoo.Vibe arbeitet am besten, wenn es Folgendes versteht:
Für wen ist das gedacht? → Welches Problem lösen wir? → Was sollen Nutzer tun können? → Wie soll sich die Nutzung anfühlen?
Damit kann dein KI-Produktteam deutlich bessere Entscheidungen zur Umsetzung treffen.
Weiter: Die vier Modi
Jetzt, da du weißt, wie du wirkungsvoll mit condoo.Vibe kommunizierst, erfahre, wie du das passende Vorgehen von condoo.Vibe für deine Anfrage auswählst:
Build → Plan → Explore → Debug
Jeder Modus ist für eine andere Art von Arbeit gedacht.