De KI-Landingpage
Kernziel
Der erste Bildschirm sollte schnell beantworten:
- Was ist das und für wen ist es?
- Welches spezifische Problem löst es in welcher Situation?
- Wohin sollen Besucher als nächstes gehen und was erhalten sie?
Der Rest der Seite sollte erklären, warum es glaubwürdig ist, wie man beginnt und welche Kosten oder Grenzen gelten.
KI-Müll sind nicht Farbverläufe, abgerundete Ecken, Illustrationen oder Animationen an sich. Es ist Dekoration vor Information, Vorlagen vor Kontext, Slogans vor Belegen, Feature-Fülle vor Benutzerentscheidungen und Desktop-Inhalte, die ohne Anpassung auf Mobilgeräte gestapelt werden.
Das Ziel ist nicht, jede Seite kalt oder schlicht zu gestalten. Jeder Inhalt, jedes Medium und jede Interaktion sollte eine klare Aufgabe haben.
Erste Entscheidung
Vor dem Auditieren, Verbessern oder Erstellen identifizieren Sie den Seitentyp und die einzelne primäre Conversion-Aktion. Nutzen Sie diese Entscheidungen, um Inhalte, visuelle Gestaltung und Interaktionen zu leiten.
- Landingpage: eine Zielgruppe, ein Kernangebot, eine primäre Conversion-Aktion.
- Homepage: mehrere Zielgruppen und sekundäre Pfade sind erlaubt, aber ein primärer CTA muss klar bleiben.
Wenn diese Entscheidungen die Richtung wesentlich beeinflussen und nicht aus dem Projekt abgeleitet werden können, fragen Sie den Benutzer und geben Sie Ihre empfohlene Antwort.
Modi und kontextuelle Referenzen
Leiten Sie den Modus aus der Anfrage ab. Benutzer müssen keine Befehle auswendig lernen.
| Modus | Verhalten | Lesen |
|---|---|---|
| Audit | Ergebnisse, Beleglücken, Prioritäten und Empfehlungen melden, ohne Dateien zu ändern | strategy.md, evidence.md und review.md, plus andere für die Ergebnisse relevante Dateien |
| Verbessern | Bestätigte Kopie-, Struktur-, Stil- und Interaktionsprobleme ändern | strategy.md, Dateien für den betroffenen Umfang, dann review.md |
| Erstellen | Mit Zielgruppe und Conversion-Zielen beginnen, dann implementieren und überprüfen | Alle Referenzdateien in Reihenfolge |
| Mobile Fokus | Dichte, Schichtung, Umbruch, Touch-Verhalten und Sichtbarkeit auf demselben Bildschirm überprüfen | interaction.md, dann review.md |
Referenzen befinden sich im references/-Verzeichnis dieses Skills:
| Datei | Inhalt |
|---|---|
| strategy.md | Zielgruppe, Conversion, Kernbotschaft, Text und Informationsarchitektur |
| evidence.md | Echte Belege, Drittanbieter-Validierung, Beleglücken und Demogrenzen |
| visual.md | Design-Tokens, Komponenten, Bewegung, Medien und Leistung |
| interaction.md | Mobiles Verhalten, Interaktionszustände, Barrierefreiheit, SEO und Auslieferung |
| review.md | Ausgabeformate und die Selbstüberprüfungs-Checkliste |
Laden Sie keine Referenzen, die nicht mit der aktuellen Aufgabe zusammenhängen, nur um einen Prozess abzuschließen.
Arbeitsprinzipien
Entscheiden und klare Kompromisse eingehen
Wenn die Seite, die Projektkonventionen und das beobachtete Verhalten genügend Belege liefern, handeln Sie direkt. Entfernen Sie wiederholte Texte, schreiben Sie vage Überschriften um, führen Sie Abschnitte zusammen, ordnen Sie Inhalte neu, gestalten Sie mobile Schichtungen um, beheben Sie Umbruch- und Überlaufprobleme und entfernen Sie sinnlose Bewegungen oder Dekorationen.
Das Original zu bewahren ist nicht das Ziel. Ordnen Sie schwache Strukturen neu, entfernen Sie Wiederholungen und gestalten Sie nicht passende visuelle Elemente um, anstatt die Arbeit auf Satzebene zu beschränken.
Mit einer Empfehlung fragen, wenn die Richtung unklar ist
Wenn Entscheidungen die Positionierung, Zielgruppe, Markenstil oder Conversion-Pfade wesentlich verändern, stellen Sie zusammenhängende Fragen gemeinsam. Fügen Sie bei:
- Das beobachtete Problem.
- Ihre empfohlene Option und Begründung.
- Alternativen und deren Hauptkompromisse.
- Was die Antwort ändern wird.
Für reversible Details wie Schriftgröße, Abstände oder lokales Layout folgen Sie den Projektkonventionen und Designprinzipien, ohne den Benutzer zu unterbrechen.
Inhalte, die Bestätigung erfordern
Schreiben Sie rechtliche Begriffe, Compliance-Sprache, technische Grenzen, Sicherheitsgrenzen, Leistungsumfang oder vertragliche Verpflichtungen, die vom Benutzer bereitgestellt wurden, nicht ohne Bestätigung um, schwächen Sie sie nicht ab und erweitern Sie sie nicht. Wenn etwas widersprüchlich oder unklar erscheint, identifizieren Sie die genaue Passage und fragen Sie nach.
Halten Sie Zahlen, Daten, Namen, Einheiten, Zitate und Quellenangaben korrekt. Erfinden Sie niemals Kunden, Funktionen, Zertifizierungen, Fälle, Testimonials oder Leistungsdaten.
Fakten schützen bedeutet nicht, jeden ursprünglichen Satz zu schützen. Gewöhnliche Marketingtexte können umgeschrieben, zusammengeführt oder entfernt werden. Fragen Sie, bevor Sie geschützte Inhalte ändern.
Wenn Belege fehlen, identifizieren Sie die Lücke und empfehlen Sie eine Lösung. Ersetzen Sie keine spezifischen Zahlen durch vage Adjektive oder präsentieren Sie Beispiele als echte Ergebnisse.
Regelhierarchie
Explizite Benutzeranweisungen > Projektkonventionen und Markensysteme > Barrierefreiheit und faktische Genauigkeit > Standardeinstellungen dieses Skills.
Komponenten, Abhängigkeiten und visuelle Empfehlungen sind Optionen, keine zwingenden Installationen oder ein zwingender Stil. Nutzen Sie vorhandene Projektfähigkeiten wieder, bevor Sie neue hinzufügen.