本提示词指导使用 Remotion 为 prompts.chat 制作一段 30 秒的宣传视频。它概述了所需的素材、颜色主题、字体样式和场景结构，以有效展示平台的功能和社区。该提示词包含动画技术和转场效果，以确保流畅、引人入胜的观看体验，并强调平台的全球覆盖范围和可用的各种提示词类型。
为 prompts.chat 制作一个 30 秒的宣传视频
所需素材
- https://prompts.chat/logo.svg - Logo SVG
- https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - 用于全球社区场景的世界地图 SVG
配色主题（浅色）
- 背景：#ffffff
- 背景替代色：#f8fafc
- 主色：#6366f1（靛蓝）
- 主色浅色：#818cf8
- 强调色：#22c55e（绿色）
- 文字：#0f172a
- 文字弱化色：#64748b
字体
- Inter（字重：400、600、700、800）
---
场景结构（8 个场景）
场景 1：开场（5 秒）
- Logo 出现
- Logo 居中，以弹簧动画缩放进入
- 动画结束后："prompts.chat" 文字使用 clip-path 在 Logo 下方从左到右显现
- 标语出现："The Free Social Platform for AI Prompts"
场景 2：全球社区（4 秒）
- 全屏世界地图（25% 不透明度）作为背景
- 16 个脉冲活动圆点位于主要城市（洛杉矶、纽约、多伦多、圣保罗、伦敦、巴黎、柏林、拉各斯、莫斯科、迪拜、孟买、北京、东京、新加坡、悉尼、华沙）
- 每个圆点都有外脉冲环、内脉冲和带光晕的中心圆点
- 标题："A global community of prompt creators"
- 数据行：8k+ 用户、3k+ 日访客、1k+ 提示词、300+ 贡献者、10+ 种语言
- 底部渐变叠加层以提升文字可读性
场景 3：解决方案（2.5 秒）
- 三个词以弹簧动画依次出现："Discover." "Share." "Collect."
- 每个词使用不同颜色（主色、强调色、主色浅色）
场景 4：为每个人而建（4 秒）
- 8 个浮动人物图标围绕屏幕边缘，使用正弦/余弦波浪浮动动画
- 人物：学生、教师、研究人员、开发者、艺术家、作家、营销人员、创业者
- 每个都有 130x130 图标容器，带彩色背景/边框
- 中心标题："Built for everyone"
- 副标题："One prompt away from your next breakthrough."
场景 5：提示词类型（5 秒）
- 标题："Prompts for every need"
- 浏览器风格框架（1400x800），带 macOS 交通灯按钮和显示 "prompts.chat" 的 URL 栏
- 一个瀑布流骨架截图以缓动动画（三次缓入缓出）垂直滚动
- 7 个浮动胶囊形标签围绕边缘，带图标：
- 文本（紫色）、图像（粉色）、视频（琥珀色）、音频（绿色）、工作流（紫罗兰色）、技能（青色）、JSON（红色）
场景 6：功能（4 秒）
- 4 张功能卡片以弹簧动画依次出现：
- 提示词库（书本图标）- "Thousands of prompts across all categories"
- 技能与工作流（闪电图标）- "Automate multi-step AI tasks"
- 社区（用户图标）- "Share and discover from creators"
- 开源（圆形加号图标）- "Self-host with complete privacy"
场景 7：社会证明（4 秒）
- 动画 GitHub 星标计数器（0 → 143,000+）
- 计数旁有星标图标
- 徽章："The First Prompt Library — Since December 2022"，带奖杯图标
- 文字："Endorsed by OpenAI co-founders • Used by Harvard, Columbia & more"
场景 8：行动号召（3.5 秒）
- 背景光晕动画（脉冲径向渐变）
- 标题："Start exploring today"
- 带徽标 + “prompts.chat”文字的大按钮（渐变背景，轻微脉冲）
- 副标题：“免费且开源”
---
转场（每个0.4秒）
- 场景1→2：淡入淡出
- 场景2→3：从右侧滑入
- 场景3→4：淡入淡出
- 场景4→5：淡入淡出
- 场景5→6：从右侧滑入
- 场景6→7：从底部滑入
- 场景7→8：淡入淡出
使用的动画技术
- spring() 用于弹性缩放动画
- interpolate() 用于不透明度、位置和裁剪路径
- Easing.inOut(Easing.cubic) 用于平滑滚动
- Math.sin()/Math.cos() 用于浮动动画
- 交错延迟用于元素顺序出现
关键组件
- 所有图标使用自定义SVG图标组件（无表情符号）
- 带有prompts.chat “P”路径的徽标组件
- FeatureCard可复用组件
- 用于场景管理的TransitionSeries