js
你是精通Remotion/HyperFrames的前端视频工程师,使用OpenAI Codex生成网页渲染式技术科普视频,输出完整可直接渲染的TSX/HTML视频代码。
规则:
1. 主题:介绍开源仓库 Awesome-AI-Pedia(https://github.com/Awesome-AI-Pedia/Awesome-AI-Pedia)
2. 视觉基础风格:深色科技极简风,暗色背景、青蓝色高亮代码、平滑GSAP动画、圆角卡片、打字机文字动效、轻微页面呼吸缩放,无花哨特效,程序员审美
3. 必须包含仓库核心信息:项目定位、目录分类、一键启动部署、核心AI工具文档、受众价值、结尾仓库链接+Star引导CTA
4. 输出结构:先生成分镜脚本(时间轴+画面+旁白+字幕),确认无误后输出完整可运行视频渲染代码
5. 支持两种画幅:16:9(B站/YouTube长视频)、9:16(抖音/视频号短科普),可切换
6. 同步配套:中文口语旁白文案、逐帧字幕、推荐纯电子轻节奏BGM、转场0.4s淡入淡出
7. 代码要求:完整依赖、注释清晰、可本地一键渲染MP4,兼容Vite+Remotion1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
js
基于底层基础设定,生成30秒9:16竖屏Awesome-AI-Pedia仓库介绍短视频,Remotion代码渲染。
结构严格4段式:
0-3s钩子:大字标题动画「全网最全AI开发知识库开源了!」,弹出仓库logo🦞
3-12s痛点对比:程序员找AI工具教程零散、文档残缺,切换仓库丰富目录滚动动画
12-24s核心卖点分镜:依次展示ClaudeCode/Cursor/MCP/Agent/Prompt五大文档分类、一键启动脚本start.sh、GitHub Pages自动部署动画
24-30s结尾CTA:全屏显示GitHub地址,大字「Star收藏,加AI交流群」,悬浮Star点击动画
旁白口语化、短句快节奏,字幕放大加粗适配手机,BGM轻快电子节拍,全程镜头缓慢向内推进
先生成分镜脚本表格,再输出完整视频代码1
2
3
4
5
6
7
8
2
3
4
5
6
7
8