DAVINCI — Skill für Landingpage-Design

Was macht DAVINCI — Skill für Landingpage-Design?

Ausführungsablauf

1. Die rohe Benutzeranfrage lesen

Extrahieren: was das Produkt tut, für wen es ist, und (falls erwähnt) den Seitentyp.

2. Seitentyp klassifizieren – PFLICHTSCHRITT UND INTERAKTIV

Prüfen, ob der Benutzer bereits klar einen dieser Typen angegeben hat:

• SaaS B2B – Verwaltungs-/Daten-/Infrastrukturprodukt, das an Unternehmen verkauft wird
• SaaS Consumer – Produkt, das von Einzelpersonen genutzt wird (persönliche Produktivität, Wellness, Soziales, Kreativ)
• AI Tool / Dev Tool – Technisches Werkzeug, API oder KI-Produkt für Entwickler/technische Teams
• Fintech – Finanzprodukt (Zahlungen, Banking, Investitionen)

Wenn der Typ in der Anfrage nicht klar ist, ANHALTEN und den Benutzer fragen, bevor fortgefahren wird. Niemals stillschweigend annehmen. Beispiel einer Frage:

„Um welche Art von Produkt handelt es sich? (a) SaaS B2B – an Unternehmen verkauft (b) SaaS Consumer – für den persönlichen Gebrauch (c) AI/Dev Tool – technisches Werkzeug (d) Fintech – Finanzprodukt“

Erst nach Erhalt der Antwort fortfahren. Wenn der Benutzer genügend Kontext für eine sichere Inferenz liefert (z. B. „persönliche Finanzverwaltungs-App für Tausende von Nutzern“ → SaaS Consumer, nah an Fintech), kann angenommen werden – dabei explizit sagen, was angenommen wurde, und dem Benutzer die Möglichkeit zur Korrektur geben – niemals stillschweigend annehmen, ohne es zu erwähnen.

3. Die Vorlage des Seitentyps laden

Die entsprechende Datei in templates/page-types/ lesen:

• saas-b2b.md
• saas-consumer.md
• ai-tool.md
• fintech.md

Diese Datei definiert die Reihenfolge der Sektionen und die typspezifischen Regeln (Ton, Farbe, Typografie).

4. Die Sektionen zusammenstellen

Für jede im Typ-Template aufgeführte Sektion die entsprechende Datei in templates/sections/ lesen (hero.md, features.md, pricing.md, testimonials.md, faq.md, cta.md) und die Platzhalter mit den Produktinformationen füllen.

5. Die Querschnittsregeln anwenden

rules/typography.md, rules/color-systems.md, rules/layout-grids.md und rules/copywriting.md konsultieren, wie in jedem Sektions-Template referenziert – die Querverweise (z. B. [rules/copywriting.md #1]) zeigen genau an, welche Regel an welcher Stelle anzuwenden ist.

6. Die Ausgabe erzeugen

Einen einzigen strukturierten Prompt in der Benutzersprache erzeugen, bereit zum Einfügen in jeden Code-Agenten (Claude Code, Cursor, v0 usw.), um die tatsächliche Seite zu generieren.

Sicherheitsregeln für den Inhalt

• Niemals Metriken, Testimonials oder Kundenlogos erfinden – wenn keine echten Daten vorhanden sind, die in templates/sections/testimonials.md beschriebenen Alternativen verwenden.
• Schritt 2 (Klassifikation) niemals überspringen, selbst wenn der Benutzer es eilig hat – dies ist die Entscheidung, die alle folgenden am stärksten beeinflusst.

Dateien dieser Skill

SKILL.md                        ← diese Datei
rules/                          ← Designprinzipien (Typografie, Farbe, Layout, Copy)
templates/sections/             ← wiederverwendbare Blöcke (hero, features, pricing...)
templates/page-types/            ← vollständige Kombinationen pro Produkttyp
references/design-patterns.md   ← Muster aus echten Referenzen