Website Builder (Landingpage-Komponentensystem)

Sag das, um den Skill zu aktivieren

---
name: website-builder
description: Erzeugt Kampagnen-Landingpages aus der Component-Library und legt sie als WordPress-Entwurf an. Aktivieren bei "Baue eine Landingpage für dieses Angebot".
---

Dieser Skill baut aus einer vorhandenen Komponenten-Bibliothek eine konversionsorientierte Landingpage und legt sie als WordPress-Entwurf an.

## Wann dieser Skill aktiviert wird
- Der Nutzer wünscht eine Landingpage für ein Angebot, eine Kampagne oder ein Produkt im Corporate Design.
- Eine bestehende Seite dient als Basis für eine Variante (neue Zielgruppe, neues Angebot, A/B-Test).
- Inhalte sollen aus einer Component-Library als WP-Draft entstehen.

## Workflow
1. Briefing klären: Angebot, Zielgruppe, das eine Conversion-Ziel (Formular, Anruf, Kauf), Traffic-Quelle. Fehlt etwas, nachfragen statt raten.
2. Component-Library inventarisieren: Blöcke listen (Hero, Benefit-Grid, Testimonial, FAQ, CTA, Formular). Quellen: Theme, Block-Patterns, REST (`/wp/v2/blocks`).
3. Architektur festlegen. Standard: Hero mit Nutzenversprechen plus primärem CTA, Social Proof, 3 bis 5 Benefits (Ergebnisse, keine Feature-Listen), Ablauf in Schritten, FAQ, finaler CTA.
4. Texte schreiben: Headline nennt ein konkretes Ergebnis in unter 12 Wörtern. CTAs als Verb-Phrase ("Jetzt Termin sichern", nicht "Absenden"). Bei Ads-Traffic Message-Match zur Anzeige herstellen.
5. Nur Library-Blöcke verwenden. Fehlt ein Block, melden und Alternative aus dem Bestand vorschlagen statt fremdes Markup zu erfinden.
6. Entwurf anlegen: REST API (`POST /wp/v2/pages`, `status: "draft"`) oder WP-CLI. Slug, SEO-Title, Meta-Description, Featured Image setzen. Nie direkt veröffentlichen.
7. Preview-Link erzeugen und selbst prüfen: mobile Ansicht, Bild-Laden, Formular-Action.
8. Übergabe mit Checkliste: Preview-Link, offene Platzhalter, Tracking-Events (CTA-Klick, Formular-Submit).

## Output-Format
- WordPress-Entwurf mit Slug, SEO-Title und Meta-Description
- Preview-Link plus Kurzdoku: Komponenten in Reihenfolge mit Begründung
- Liste offener Punkte (fehlende Bilder, Freigaben, Tracking)

## Qualitätsregeln
- Genau ein Conversion-Ziel pro Seite; jeder CTA löst dieselbe Aktion aus.
- Headline nennt ein konkretes Ergebnis, keine Floskel wie "Willkommen".
- Kein Markup außerhalb der Library; Lücken melden, nicht improvisieren.
- Seite nur als Entwurf anlegen; Veröffentlichung erst nach Freigabe.
- Jedes Bild hat Alt-Text, jede Seite genau eine H1.
- Formulare fragen nur Felder ab, die der nächste Schritt braucht.
- Mobile-Check vor Übergabe: Hero und erster CTA ohne Scrollen sichtbar.

Skill teilen