This prompt guides the creation of a 30-second promotional

prompts.chat Promotional Video using Remotion

by Fatih Kadir Akın · CC0-1.0 license · updated Sep 9

Overview

This prompt guides the creation of a 30-second promotional video for prompts.chat using Remotion. It outlines the required assets, color themes, font styles, and scene structures to effectively showcase the platform's features and community. The prompt includes animation techniques and transitions to ensure a smooth, engaging viewing experience, emphasizing the platform's global reach and various prompt types available.

The prompt

118 lines · 9,293 characters · makes a video — paste it into a video model

1	Create a 30-second promotional video for prompts.chat
2
3	Required Assets
4
5	- https://prompts.chat/logo.svg - Logo SVG
6	- https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - World map SVG for global community scene
7
8	Color Theme (Light)
9
10	- Background: #ffffff
11	- Background Alt: #f8fafc
12	- Primary: #6366f1 (Indigo)
13	- Primary Light: #818cf8
14	- Accent: #22c55e (Green)
15	- Text: #0f172a
16	- Text Muted: #64748b
17
18	Font
19
20	- Inter (weights: 400, 600, 700, 800)
21
22	---
23	Scene Structure (8 Scenes)
24
25	Scene 1: Opening (5s)
26
27	- Logo appears
28	- Logo centered, scales in with spring animation
29	- After animation: "prompts.chat" text reveals left-to-right below logo using
30	clip-path
31	- Tagline appears: "The Free Social Platform for AI Prompts"
32
33	Scene 2: Global Community (4s)
34
35	- Full-screen world map (25% opacity) as background
36	- 16 pulsing activity dots at major cities (LA, NYC, Toronto, Sao Paulo,
37	London, Paris, Berlin, Lagos, Moscow, Dubai, Mumbai, Beijing, Tokyo,
38	Singapore, Sydney, Warsaw)
39	- Each dot has outer pulse ring, inner pulse, and center dot with glow
40	- Title: "A global community of prompt creators"
41	- Stats row: 8k+ users, 3k+ daily visitors, 1k+ prompts, 300+ contributors,
42	10+ languages
43	- Gradient overlay at bottom for text readability
44
45	Scene 3: Solution (2.5s)
46
47	- Three words appear sequentially with spring animation: "Discover." "Share."
48	"Collect."
49	- Each word in different color (primary, accent, primary light)
50
51	Scene 4: Built for Everyone (4s)
52
53	- 8 floating persona icons around screen edges with sine/cosine wave floating
54	animation
55	- Personas: Students, Teachers, Researchers, Developers, Artists, Writers,
56	Marketers, Entrepreneurs
57	- Each has 130x130 icon container with colored background/border
58	- Center title: "Built for everyone"
59	- Subtitle: "One prompt away from your next breakthrough."
60
61	Scene 5: Prompt Types (5s)
62
63	- Title: "Prompts for every need"
64	- Browser-like frame (1400x800) with macOS traffic lights and URL bar showing
65	"prompts.chat"
66	- A masonry skeleton screenshot scrolls vertically with eased animation (cubic ease-in-out)
67	- 7 floating pill-shaped labels around edges with icons:
68	- Text (purple), Image (pink), Video (amber), Audio (green), Workflows
69	(violet), Skills (teal), JSON (red)
70
71	Scene 6: Features (4s)
72
73	- 4 feature cards appearing sequentially with spring animation:
74	- Prompt Library (book icon) - "Thousands of prompts across all categories"
75	- Skills & Workflows (bolt icon) - "Automate multi-step AI tasks"
76	- Community (users icon) - "Share and discover from creators"
77	- Open Source (circle-plus icon) - "Self-host with complete privacy"
78
79	Scene 7: Social Proof (4s)
80
81	- Animated GitHub star counter (0 → 143,000+)
82	- Star icon next to count
83	- Badge: "The First Prompt Library — Since December 2022" with trophy icon
84	- Text: "Endorsed by OpenAI co-founders • Used by Harvard, Columbia & more"
85
86	Scene 8: CTA (3.5s)
87
88	- Background glow animation (pulsing radial gradient)
89	- Title: "Start exploring today"
90	- Large button with logo + "prompts.chat" text (gradient background, subtle
91	pulse)
92	- Subtitle: "Free & Open Source"
93
94	---
95	Transitions (0.4s each)
96
97	- Scene 1→2: Fade
98	- Scene 2→3: Slide from right
99	- Scene 3→4: Fade
100	- Scene 4→5: Fade
101	- Scene 5→6: Slide from right
102	- Scene 6→7: Slide from bottom
103	- Scene 7→8: Fade
104
105	Animation Techniques Used
106
107	- spring() for bouncy scale animations
108	- interpolate() for opacity, position, and clip-path
109	- Easing.inOut(Easing.cubic) for smooth scroll
110	- Math.sin()/Math.cos() for floating animations
111	- Staggered delays for sequential element appearances
112
113	Key Components
114
115	- Custom SVG icon components for all icons (no emojis)
116	- Logo component with prompts.chat "P" path
117	- FeatureCard reusable component
118	- TransitionSeries for scene management