Dieser Prompt beschreibt die Erstellung eines 30-sekündigen Werbevideos für prompts.chat mit Remotion. Er legt Assets, Farbthema, Schrift, acht Szenen, Übergänge und Animationen fest. Der Ablauf zeigt Logo, globale Community, Zielgruppen, Prompt-Typen, Funktionen, Social Proof und einen Aufruf zum Start.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Erstelle ein 30-sekündiges Werbevideo für prompts.chat. Verwende das Logo von prompts.chat als SVG und eine Weltkarten-SVG für die Szene zur globalen Community. Das helle Farbschema nutzt weissen Hintergrund, ein alternatives sehr helles Grau, Indigo als Primärfarbe, helles Indigo, Grün als Akzentfarbe sowie dunklen und gedämpften Text. Die Schrift ist Inter mit den Gewichten 400, 600, 700 und 800. Das Video besteht aus acht Szenen. Szene 1 dauert 5 Sekunden: Das Logo erscheint zentriert, skaliert mit einer Federanimation ein, danach wird der Text "prompts.chat" unter dem Logo von links nach rechts per Clip-Path eingeblendet, gefolgt von der Tagline "The Free Social Platform for AI Prompts". Szene 2 dauert 4 Sekunden: Eine Weltkarte liegt vollflächig mit 25 Prozent Deckkraft im Hintergrund, 16 pulsierende Aktivitätspunkte erscheinen bei grossen Städten, jeder Punkt hat einen äusseren Pulsring, einen inneren Puls und einen leuchtenden Mittelpunkt. Dazu erscheinen der Titel "A global community of prompt creators", eine Statistikzeile mit Nutzern, täglichen Besuchern, Prompts, Mitwirkenden und Sprachen sowie ein Verlauf unten für bessere Lesbarkeit. Szene 3 dauert 2,5 Sekunden: Die Wörter "Discover.", "Share." und "Collect." erscheinen nacheinander mit Federanimation und in unterschiedlichen Farben. Szene 4 dauert 4 Sekunden: Acht schwebende Persona-Icons für Studierende, Lehrpersonen, Forschende, Entwickelnde, Kunstschaffende, Schreibende, Marketingfachleute und Unternehmerinnen oder Unternehmer bewegen sich mit Sinus- und Kosinus-Animationen an den Bildschirmrändern. In der Mitte stehen der Titel "Built for everyone" und der Untertitel "One prompt away from your next breakthrough.". Szene 5 dauert 5 Sekunden: Der Titel lautet "Prompts for every need". Ein browserähnlicher Rahmen mit macOS-Ampeln und einer URL-Leiste mit "prompts.chat" zeigt einen Masonry-Skeleton-Screenshot, der vertikal mit kubischer Ease-in-out-Animation scrollt. Rundherum schweben sieben pillenförmige Labels mit Icons für Text, Bild, Video, Audio, Workflows, Skills und JSON. Szene 6 dauert 4 Sekunden: Vier Feature-Karten erscheinen nacheinander mit Federanimation. Sie zeigen Prompt Library mit Buch-Icon, Skills und Workflows mit Blitz-Icon, Community mit Nutzer-Icon sowie Open Source mit Circle-Plus-Icon und den zugehörigen kurzen Beschreibungen. Szene 7 dauert 4 Sekunden: Ein animierter GitHub-Sternzähler läuft von 0 auf über 143000, daneben steht ein Stern-Icon. Zusätzlich erscheinen ein Badge "The First Prompt Library — Since December 2022" mit Trophäen-Icon und der Text "Endorsed by OpenAI co-founders • Used by Harvard, Columbia & more". Szene 8 dauert 3,5 Sekunden: Ein pulsierender radialer Verlauf erzeugt ein Hintergrundglühen. Der Titel lautet "Start exploring today", darunter steht ein grosser Button mit Logo und "prompts.chat" auf einem Verlaufshintergrund mit subtilem Puls. Der Untertitel lautet "Free & Open Source". Die Übergänge dauern jeweils 0,4 Sekunden: Von Szene 1 zu 2 wird überblendet, von 2 zu 3 gleitet die Szene von rechts herein, von 3 zu 4 und von 4 zu 5 wird überblendet, von 5 zu 6 gleitet die Szene von rechts herein, von 6 zu 7 von unten, und von 7 zu 8 wird überblendet. Verwendete Animationstechniken sind spring() für federnde Skalierungen, interpolate() für Deckkraft, Position und Clip-Path, Easing.inOut(Easing.cubic) für den weichen Scroll, Math.sin() und Math.cos() für schwebende Bewegungen sowie gestaffelte Verzögerungen für nacheinander erscheinende Elemente. Wichtige Komponenten sind eigene SVG-Icon-Komponenten ohne Emojis, eine Logo-Komponente mit dem prompts.chat-P-Pfad, eine wiederverwendbare FeatureCard-Komponente und TransitionSeries für die Szenenverwaltung.
Create a 30-second promotional video for prompts.chat
Required Assets
- https://prompts.chat/logo.svg - Logo SVG
- https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - World map SVG for global community scene
Color Theme (Light)
- Background: #ffffff
- Background Alt: #f8fafc
- Primary: #6366f1 (Indigo)
- Primary Light: #818cf8
- Accent: #22c55e (Green)
- Text: #0f172a
- Text Muted: #64748b
Font
- Inter (weights: 400, 600, 700, 800)
---
Scene Structure (8 Scenes)
Scene 1: Opening (5s)
- Logo appears
- Logo centered, scales in with spring animation
- After animation: "prompts.chat" text reveals left-to-right below logo using
clip-path
- Tagline appears: "The Free Social Platform for AI Prompts"
Scene 2: Global Community (4s)
- Full-screen world map (25% opacity) as background
- 16 pulsing activity dots at major cities (LA, NYC, Toronto, Sao Paulo,
London, Paris, Berlin, Lagos, Moscow, Dubai, Mumbai, Beijing, Tokyo,
Singapore, Sydney, Warsaw)
- Each dot has outer pulse ring, inner pulse, and center dot with glow
- Title: "A global community of prompt creators"
- Stats row: 8k+ users, 3k+ daily visitors, 1k+ prompts, 300+ contributors,
10+ languages
- Gradient overlay at bottom for text readability
Scene 3: Solution (2.5s)
- Three words appear sequentially with spring animation: "Discover." "Share."
"Collect."
- Each word in different color (primary, accent, primary light)
Scene 4: Built for Everyone (4s)
- 8 floating persona icons around screen edges with sine/cosine wave floating
animation
- Personas: Students, Teachers, Researchers, Developers, Artists, Writers,
Marketers, Entrepreneurs
- Each has 130x130 icon container with colored background/border
- Center title: "Built for everyone"
- Subtitle: "One prompt away from your next breakthrough."
Scene 5: Prompt Types (5s)
- Title: "Prompts for every need"
- Browser-like frame (1400x800) with macOS traffic lights and URL bar showing
"prompts.chat"
- A masonry skeleton screenshot scrolls vertically with eased animation (cubic ease-in-out)
- 7 floating pill-shaped labels around edges with icons:
- Text (purple), Image (pink), Video (amber), Audio (green), Workflows
(violet), Skills (teal), JSON (red)
Scene 6: Features (4s)
- 4 feature cards appearing sequentially with spring animation:
- Prompt Library (book icon) - "Thousands of prompts across all categories"
- Skills & Workflows (bolt icon) - "Automate multi-step AI tasks"
- Community (users icon) - "Share and discover from creators"
- Open Source (circle-plus icon) - "Self-host with complete privacy"
Scene 7: Social Proof (4s)
- Animated GitHub star counter (0 → 143,000+)
- Star icon next to count
- Badge: "The First Prompt Library — Since December 2022" with trophy icon
- Text: "Endorsed by OpenAI co-founders • Used by Harvard, Columbia & more"
Scene 8: CTA (3.5s)
- Background glow animation (pulsing radial gradient)
- Title: "Start exploring today"
- Large button with logo + "prompts.chat" text (gradient background, subtle
pulse)
- Subtitle: "Free & Open Source"
---
Transitions (0.4s each)
- Scene 1→2: Fade
- Scene 2→3: Slide from right
- Scene 3→4: Fade
- Scene 4→5: Fade
- Scene 5→6: Slide from right
- Scene 6→7: Slide from bottom
- Scene 7→8: Fade
Animation Techniques Used
- spring() for bouncy scale animations
- interpolate() for opacity, position, and clip-path
- Easing.inOut(Easing.cubic) for smooth scroll
- Math.sin()/Math.cos() for floating animations
- Staggered delays for sequential element appearances
Key Components
- Custom SVG icon components for all icons (no emojis)
- Logo component with prompts.chat "P" path
- FeatureCard reusable component
- TransitionSeries for scene management