SuperAPI AI 工具集

cinematic-scrub-landing

设计与创作

查看项目

更新于 10-15 22:14

技能介绍

用途:根据用户提供的英雄视频(可选 logo、产品图与品牌背景),生成一个高级、品牌化的落地页。主视觉视频随鼠标横向移动逐帧 scrub,页面下方按“渴望→喜悦→怀旧→沉思→行动”五段叙事弧线排列区块。

主要能力:从 logo 与产品图提取五色配色(背景、暖白、主强调色、次强调色、辅助色);按语言选择字体三件套(如 he 用 Rubik/Assistant/Suez One,en 用 Anton/Inter/Caveat);支持 RTL/LTR;用 ffmpeg 将视频重编码为全关键帧以让 scrub 顺滑;提供 Sun、Album、Roast、Signal 等区块类型库;含滚动揭示、玻璃拟态、鼠标 scrub、滚动监听导航与验证清单。

必要用法:把素材放入工作目录,确认产品名、标语、语言、品牌背景等输入;先运行 which ffmpeg 检查,再用 ffmpeg -y -i <HERO_VIDEO_FILE> -g 1 -keyint_min 1 -c:v libx264 -preset slow -crf 20 -pix_fmt yuv420p -an hero.mp4 重编码;随后用 npm create vite@latest site -- --template react-ts 搭建,安装 lucide-react 与 tailwindcss@3,并按阶段配置 Tailwind、index.html、index.css 与 App.tsx。

限制:外层容器不得设置背景色,否则会遮住 -z-20 的视频导致 scrub 失效;视频需静音且体积控制在 5–50 MB;需遵循 prefers-reduced-motion;资料未提供具体收费、价格与平台支持信息。