SuperAPI AI 工具集

remotion-beautiful-videos

设计与创作

查看项目

更新于 10-16 02:32

技能介绍

用途:根据用户给出的品牌名或网址,制作约 40 秒的产品发布/营销/演示视频,强调用代码构建动画化的产品 UI 模型(仪表盘、对话界面、代码编辑器、数据可视化等),而非抽象图形。

主要能力:抓取品牌真实落地页,提取十六进制配色、字体、Logo、主标题文案与产品类型;下载 Logo SVG、产品视频或截图、背景音乐等真实素材;按 5 幕(Logo、Hook、Reveal、Showcase、Proof、Close)框架编排场景;提供排版、配色、布局、UI 模型、卡片、数据可视化、动效、转场、电影感、叙事模板等规则文件,以及动画、音频、组件、Lottie、视觉特效等代码参考。

技术栈:Remotion 4.x、React 19、TypeScript、Zod、lucide-react、@remotion/transitions、@remotion/google-fonts、@remotion/paths、@remotion/light-leaks、@remotion/media。

使用方式:先复制内置脚手架并安装依赖,例如 cp -r /path/to/skills/remotion-video/scaffold/ <brand-name>-launch-video/,再 npm install;需预装 yt-dlp 与 ffmpeg(如 brew install yt-dlp、brew install ffmpeg)。随后抓取品牌设计信息、下载 Logo 与产品视频/截图及 BGM,更新 theme.ts 与字体,再按用户提供的叙事构建场景。

限制:抓取素材、Logo、产品视觉与背景音乐为强制前置条件,缺失则不应继续;Logo 不得手写 SVG;视频需展示真实产品界面;叙事需先向用户确认,不得自动生成;Logo 仅出现在首尾两幕。具体收费、价格与效果未提供。