Communitygithub.com

Ozor Landing Page-to-Video Konverter

Wandle jede Landingpage oder Website in einen strukturierten, einfügebereiten Ozor.ai Video-Prompt um. Nutze diese Fähigkeit immer dann, wenn der Nutzer eine URL, Landingpage-Inhalte oder Website-Text bereitstellt und daraus ein Video erstellen möchte. Auslöser sind Formulierungen wie

Was ist Ozor Landing Page-to-Video Konverter?

Diese Fähigkeit analysiert den Inhalt einer beliebigen Landingpage oder Website und erstellt daraus einen detaillierten, strukturierten Video-Prompt für Ozor.ai. Sie extrahiert die Kernbotschaft, die Wertversprechen, soziale Beweise, den Call-to-Action und die Markenidentität und ordnet diese Elemente einem Storyboard mit bis zu 15 Szenen zu. Die Fähigkeit unterstützt verschiedene Seitentypen (Hero-Seiten, Homepages, Produktseiten, Preisseiten, Über-uns-Seiten) und wählt automatisch das passende Videoformat (16:9 oder 9:16) und die Szenenstruktur aus. Sie ist für Entwickler und Content-Marketer gedacht, die schnell hochwertige Videoprompts aus bestehenden Webinhalten generieren möchten. Die Fähigkeit wird typischerweise in KI-Chat-Plattformen wie Claude Code oder Cursor eingesetzt, kann aber auch in beliebigen Textumgebungen verwendet werden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Ozor Landing Page-to-Video Konverter?

Wandle jede Landingpage, Website oder URL in einen strukturierten, einfügebereiten Ozor.ai Video-Prompt um. Diese Fähigkeit extrahiert die Botschaften, Wertversprechen und die Markenidentität aus Webinhalten und erstellt einen Video-Prompt, der die Essenz der Seite in Bewegung einfängt.

Unterstützte Eingabetypen

  • URLs — jede öffentlich zugängliche Webseite
  • Landingpage-Text — eingefügter Text von einer Marketingseite
  • Homepage-Inhalte — vollständiger Homepage-Text und -Struktur
  • Produktseiten — funktionsorientierte Seiten
  • Preisseiten — Inhalte zum Tarifvergleich
  • Über-uns-Seiten — Unternehmensgeschichte und Mission
  • App-Store-Einträge — iOS/Android App-Beschreibungen

Arbeitsablauf

Phase 1 — Die Seite analysieren

Lesen oder rufen Sie den Seiteninhalt ab und extrahieren Sie:

  1. Seitentyp — um welche Art von Seite handelt es sich?

    • Hero-getriebene Landingpage (Fokus auf ein Produkt/eine Funktion)
    • Mehrteilige Homepage (vollständige Produktübersicht)
    • Produkt-/Funktionsseite (tiefer Einstieg in eine Fähigkeit)
    • Preisseite (Tarifvergleich)
    • Über-uns-/Unternehmensseite (Geschichte und Mission)
  2. Kernbotschaft — die Überschrift oder der Hero-Text. Dies wird der Video-Hook.

  3. Wertversprechen — extrahieren Sie die 3–5 wichtigsten Vorteile oder Verkaufsargumente. Diese werden die mittleren Szenen.

  4. Soziale Beweise — suchen Sie nach:

    • Kundenlogos oder -zahlen („Vertrauen von über 10.000 Teams“)
    • Testimonials oder Zitate
    • Metriken („99,9 % Verfügbarkeit“, „2x schneller“)
    • Auszeichnungen, Presseerwähnungen, Zertifizierungen
  5. CTA — was sollen Besucher auf der Seite tun? („Kostenlose Testversion starten“, „Demo buchen“, „Jetzt herunterladen“)

  6. Markensignale — extrahieren Sie von der Seite:

    • Produkt-/Unternehmensname
    • Primärfarben (aus CSS, Buttons oder visueller Inspektion)
    • Tonfall (professionell, verspielt, technisch, warm)
    • Logo-Präsenz
  7. Visuelle Assets — notieren Sie Produktscreenshots, Illustrationen oder Bilder, die referenziert werden könnten.

Phase 2 — Das Videoformat wählen

Basierend auf dem Seitentyp und dem wahrscheinlichen Verbreitungskanal:

SeitentypPrimäres VideoSekundäres Video
Landingpage30–45s Produkteinführung, 8–12 Szenen (16:9)15s Social-Teaser, 5 Szenen (9:16)
Homepage45–60s Markenübersicht, 12–15 Szenen (16:9)30s Produkthighlight, 8–10 Szenen (9:16)
Produktseite30–45s Funktionserklärung, 8–12 Szenen (16:9)15s Funktions-Teaser, 5 Szenen (9:16)
Preisseite30s Tarifvergleich, 8–10 Szenen (16:9)—
Über-uns-Seite45–60s Markengeschichte, 12–15 Szenen (16:9)—
App-Eintrag15–30s App-Vorschau, 5–10 Szenen (9:16)30s Vollständige Demo, 8–10 Szenen (16:9)

Erstellen Sie immer das primäre Video. Erwähnen Sie das sekundäre als Option.

Phase 3 — Das Video strukturieren

Ordnen Sie Seitenabschnitte Videoszenen zu:

Für hero-getriebene Landingpages (am häufigsten, ~10–12 Szenen):

  1. Hook — die Hero-Überschrift, kühn animiert. Dies ist die Hauptaussage der Seite.
  2. Problemdarstellung — wenn die Seite einen Schmerzpunkt nennt, zeigen Sie ihn. Wenn nicht, leiten Sie ihn aus der Lösung ab.
  3. Problemausführung — erweitern Sie die Frustration oder Kosten des Status quo. Verwenden Sie eine Statistik oder ein nachvollziehbares Szenario von der Seite.
  4. Lösungseinleitung — stellen Sie das Produkt namentlich mit einer einzeiligen Beschreibung vor. Überleitung vom Problem.
  5. Lösungsdetail — das Produkt in Aktion. Verwenden Sie den primären Screenshot der Seite oder beschreiben Sie die UI in Bewegung.
  6. Vorteil 1 — erstes wichtiges Wertversprechen, dargestellt als fetter Text mit unterstützender Grafik oder Icon-Animation.
  7. Vorteil 2 — zweites wichtiges Wertversprechen, gleiche Behandlung.
  8. Vorteil 3 — drittes wichtiges Wertversprechen, gleiche Behandlung.
  9. Sozialer Beweis — Metriken — Kundenzahl, Nutzungsstatistiken oder Leistungszahlen mit Zähleranimationen.
  10. Sozialer Beweis — Logos/Testimonials — scrollende „Vertrauen von“-Logos oder ein kurzes Testimonial-Zitat mit Quellenangabe.
  11. CTA-Text — der Call-to-Action der Seite, dargestellt als fetter animierter Text.
  12. CTA mit URL und Logo — „[Exakter CTA]“ mit der Seiten-URL und dem Produktlogo. Sauberes Ausblenden.

Für mehrteilige Homepages (~12–15 Szenen):

  1. Hook — Hero-Überschrift, kühn auf einem markenkonformen Hintergrund animiert.
  2. Unterüberschrift — Hero-Untertext oder ein Satz zur Produktbeschreibung mit Grafik.
  3. Produktübersicht — hochrangige „Was-es-tut“-Szene mit einem Screenshot oder Produktbild.
  4. Funktion 1 Einleitung — Name und einzeiliger Nutzen der ersten Schlüsselfunktion.
  5. Funktion 1 Visuell — Screenshot, Animation oder Icon, das die Funktion in Aktion zeigt.
  6. Funktion 2 Einleitung — Name und einzeiliger Nutzen der zweiten Schlüsselfunktion.
  7. Funktion 2 Visuell — unterstützende Grafik für die zweite Funktion.
  8. Funktion 3 Einleitung — Name und einzeiliger Nutzen der dritten Schlüsselfunktion.
  9. Funktion 3 Visuell — unterstützende Grafik für die dritte Funktion.
  10. Integration / Ökosystem — Partnerlogos, Integrationen oder Plattformreichweite (falls auf der Seite).
  11. Sozialer Beweis — Metriken — Kundenzahl, Nutzungsstatistiken oder Leistungszahlen.
  12. Sozialer Beweis — Logos/Testimonials — „Vertrauen von“-Logos oder ein Testimonial-Zitat.
  13. Preis oder Differenzierungsmerkmal — eine kurze Erwähnung des Preisvorteils oder eines Hauptunterscheidungsmerkmals (falls vorhanden).
  14. CTA-Text — primärer Call-to-Action als fetter animierter Text.
  15. CTA mit URL und Logo — CTA mit Seiten-URL und Produktlogo. Sauberes Ausblenden.

Für Produkt-/Funktionsseiten (~8–10 Szenen):

  1. Hook — Funktionsname + einzeiliger Nutzen, fetter animierter Text.
  2. Problem — der Schmerzpunkt, den diese Funktion löst.
  3. So funktioniert’s — Schritt 1 — erster Schritt des Arbeitsablaufs, mit einem UI-Screenshot oder Diagramm.
  4. So funktioniert’s — Schritt 2 — zweiter Schritt, Fortsetzung des visuellen Rundgangs.
  5. So funktioniert’s — Schritt 3 — dritter Schritt, zeigt den Ablauf in Aktion.
  6. Ergebnis — was der Benutzer erreicht. Zeigen Sie das Ergebnis mit einem Vorher/Nachher-Vergleich oder einer Endzustandsgrafik.
  7. Hauptunterscheidungsmerkmal — was diese Funktion gegenüber Alternativen einzigartig macht (Geschwindigkeit, Genauigkeit, Benutzerfreundlichkeit).
  8. Sozialer Beweis — ein relevantes Testimonial, eine Metrik oder eine Fallstudie, die mit dieser Funktion verbunden ist.
  9. CTA-Text — „[Funktionsname] ausprobieren“ oder der spezifische Call-to-Action der Seite.
  10. CTA mit URL und Logo — CTA mit Seiten-URL und Produktlogo. Sauberes Ausblenden.

Phase 4 — Den Ozor-Prompt generieren

## Ozor Video-Prompt

**Quelle:** [Seiten-URL oder Titel]
**Videotyp:** [Produkteinführung / Markenübersicht / Funktionserklärung]
**Format:** [16:9 Querformat / 9:16 Hochformat]
**Geschätzte Dauer:** [X Sekunden]
**Zielgruppe:** [aus Seiteninhalt abgeleitet]

---

### Prompt (in Ozor kopieren und einfügen)

Erstellen Sie ein [Dauer] [Videotyp]-Video für [Produktname], [einzeilige Beschreibung von der Seite].

[N] Szenen:

(1) Hook — [Hero-Überschrift von der Seite, dargestellt als fetter animierter Text auf einem [dunklen/hellen] Hintergrund. Stil entspricht dem visuellen Ton der Seite.]

(2) Problemdarstellung — [Schmerzpunkt oder Frustration der Zielgruppe, abgeleitet aus dem Seitentext. Visuell: Textanimation oder nachvollziehbares Icon.]

(3) Problemausführung — [Erweitern Sie die Kosten oder Konsequenzen des Status quo. Verwenden Sie eine Statistik oder ein Szenario von der Seite.]

(4) Lösungseinleitung — [Produktname + einzeilige Beschreibung. Übergang vom Problem zur Lösung. Visuell: Produktlogo-Enthüllung oder Namensanimation.]

(5) Lösungsdetail — [Das Produkt in Aktion. Beschreiben Sie die UI, das Dashboard oder die Schlüsselinteraktion. Visuell: Screenshot oder bildschirmaufnahmeähnliche Animation.]

(6) Vorteil 1 — [Erstes Wertversprechen von der Seite, als fetter Text mit unterstützendem Icon oder Grafik.]

(7) Vorteil 2 — [Zweites Wertversprechen, gleiche Behandlung.]

(8) Vorteil 3 — [Drittes Wertversprechen, gleiche Behandlung.]

(9) Sozialer Beweis — Metriken — [Kundenzahl, Nutzungsstatistiken oder Leistungszahlen mit Zähleranimation.]

(10) Sozialer Beweis — Logos/Testimonials — [Scrollende „Vertrauen von“-Logos oder Testimonial-Zitat mit Quellenangabe.]

(11) CTA-Text — [„Exakter CTA von der Seite“ dargestellt als fetter animierter Text. Dringlichkeit oder Begeisterung aufbauen.]

(12) CTA mit URL und Logo — [„Exakter CTA von der Seite“ mit URL „[Seiten-URL]“. [Produkt]-Logo. Sauberes Ausblenden.]

Stil: [von der Seite abgeleitet — minimalistisch/fett/verspielt/unternehmerisch]. Hintergrund: [dunkel/hell basierend auf Seitendesign]. Primärfarbe: [von der Seite extrahiert, z. B. „#3B82F6“]. Typografie: [sauber/modern/Serife basierend auf der Seite].
Ton: [vom Seitentext abgeleitet — selbstbewusst/freundlich/technisch/energetisch].
Zielgruppe: [von der Seitenbotschaft abgeleitet].

---

### Hinweise

- Laden Sie vor der Ausführung dieses Prompts einen Produktscreenshot von der Landingpage hoch
- [Markenfarbe extrahiert: #XXXXXX — im Markenkit erwähnen]
- [Sekundäre Videooption: „Möchten Sie eine 15-sekündige vertikale Version für Instagram Reels?“]
- [Alle Inhalte von der Seite, die zurückgestellt wurden]

Anpassungsregeln

Wenn die Seite textlastig ist (Long-Form-Landingpage):

  • Extrahieren Sie nur die Überschriften und Kernaussagen
  • Ignorieren Sie detaillierte Absätze — das Video muss prägnant sein
  • Begrenzen Sie auf 10–12 Szenen unabhängig von der Seitenlänge
  • Schlagen Sie eine Serie vor, wenn die Seite mehrere verschiedene Themen abdeckt

Wenn die Seite minimalistisch ist (spärliche Startup-Landingpage):

  • Verwenden Sie den begrenzten Text wie er ist — nicht strecken
  • Halten Sie das Video kurz (15–30 Sekunden)
  • Konzentrieren Sie sich auf Hook und CTA
  • Schlagen Sie dem Benutzer vor, für eine längere Version mehr Kontext hinzuzufügen

Wenn die Seite starke soziale Beweise hat:

  • Widmen Sie eine ganze Szene dafür
  • Verwenden Sie Kundenlogos in einer scrollenden Animation
  • Zeigen Sie Metriken mit Zähleranimationen
  • Zitieren Sie Testimonials mit Quellenangabe

Wenn die Seite ein SaaS-Produkt ist:

  • Zeigen Sie die Produkt-UI in mindestens einer Szene
  • Beschreiben Sie Dashboard-/Schnittstellenanimationen spezifisch
  • Fügen Sie gegebenenfalls eine Erwähnung der Preisebene ein
  • Konzentrieren Sie sich auf den primären Anwendungsfall, nicht auf alle Funktionen

Wenn die Seite ein E-Commerce-Produkt ist:

  • Beginnen Sie mit dem Produktbild
  • Fügen Sie den Preis ein, wenn es ein Verkaufsargument ist
  • Zeigen Sie soziale Beweise (Bewertungen, Rezensionen)
  • Der CTA sollte „Jetzt kaufen“ oder „Heute bestellen“ sein

Markenextraktionsleitfaden

Wenn Sie eine Seite analysieren, extrahieren Sie Markenelemente:

  • Farben: Achten Sie auf Buttons, Header, Akzente. Die primäre CTA-Button-Farbe ist normalerweise die Primärfarbe der Marke.
  • Ton: Lesen Sie den Textstil. Kurze, knackige Sätze = energisch/selbstbewusst. Detaillierte Erklärungen = professionell/technisch. Lockere Sprache = freundlich/warm.
  • Visueller Stil: Dunkle Hintergründe = modern/edel. Weiße Hintergründe = sauber/minimalistisch. Farbenfroh = verspielt/kreativ.
  • Typografie-Gefühl: Große fette Überschriften = selbstbewusst. Dünne elegante Schrift = edel. Runde freundliche Schrift = zugänglich.

Fügen Sie diese Beobachtungen in den Stilbereich des Prompts ein, damit Ozor das Aussehen und die Haptik der Marke trifft.

Qualitätscheckliste

Bevor Sie den endgültigen Prompt präsentieren, überprüfen Sie:

  • Die Hero-Überschrift wird als Video-Hook verwendet (Szene 1)
  • Wertversprechen sind korrekt dargestellt
  • Soziale Beweise sind enthalten, wenn die Seite sie hat
  • Der CTA stimmt mit dem tatsächlichen Call-to-Action der Seite überein
  • Markenfarben und -stil sind angegeben
  • Das Video erzählt eine kohärente Geschichte (nicht nur eine Liste von Seitenabschnitten)
  • Text auf dem Bildschirm ist kurz und schnell erfassbar
  • Die Produkt-URL ist in der CTA-Szene enthalten

Regeln

  1. Die Hero-Überschrift der Seite ist immer der Video-Hook. Schreiben Sie sie nicht um, es sei denn, sie ist wirklich unklar.
  2. Extrahieren, nicht erfinden. Jede Behauptung, Metrik und jeder Vorteil muss von der Seite stammen. Verwenden Sie [VERIFY: ...] für alles Unklare.
  3. Passen Sie sich dem visuellen Ton der Marke an. Eine verspielte Marke bekommt ein energetisches Video. Eine Unternehmensmarke bekommt ein poliertes.
  4. Fügen Sie immer die URL in die CTA-Szene ein. Der ganze Sinn ist, Traffic zurück auf die Seite zu lenken.
  5. Empfehlen Sie, einen Produktscreenshot hochzuladen. Landingpages haben normalerweise Hero-Bilder, die sich in Ozors Asset-Bibliothek befinden sollten.
  6. Bieten Sie ein sekundäres Format an. Die meisten Landingpage-Videos profitieren von einer 16:9- und einer 9:16-Version.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ozor-changelog-to-video

Convert changelogs, release notes, and version updates into Ozor.ai video prompts. Use this skill whenever the user has a CHANGELOG.md, release notes, GitHub release, version bump summary, or any list of product changes and wants to turn them into a video. Trigger on phrases like

ozor-doc-to-video

Convert any document into a production-ready Ozor.ai video prompt. Use this skill whenever the user uploads a document (PDF, PowerPoint, Google Doc, Markdown, text file, or URL) and wants to turn it into a video. Also trigger when the user mentions

ozor-prompt-optimizer

Analyze and improve existing Ozor.ai video prompts for better output quality. Use this skill whenever the user has an Ozor prompt that produced mediocre results, wants to improve a video prompt, needs help debugging why a video didn

ozor-social-batch

Generate a batch of social media video prompts for multiple platforms from a single input. Use this skill whenever the user wants to create videos for multiple social platforms at once, repurpose one video across platforms, or create a social media video campaign. Trigger on phrases like

ozor-video-best-practices

Expert guide for crafting high-quality video prompts for Ozor.ai, the AI video generation platform. Use this skill whenever the user mentions Ozor, wants to create a launch video, product demo, feature announcement, explainer video, social ad, release notes video, investor update, tutorial, or any marketing video. Also trigger when the user asks for help writing video prompts, improving video output, structuring video scenes, choosing video formats, or wants best practices for AI video creation. Trigger on phrases like

Verwandte Skills