Kinetic Title Video
一个自己画出来的标志片头——从代码渲染,适合任何品牌。
适用于: Claude Code, Codex, Cursor, Muse · 版本 1.0 · 需要: Node.js 18+ 和 npm;用 Remotion 本地渲染(首次运行会下载无头 Chrome)。
预览
你将获得
- 完整的 Remotion 项目(构图 + 渲染脚本)
- 由单个 SVG 路径驱动的描入弧线动画
- 弹簧感字标与标语揭示,按帧计时
- 方形 1080x1080 MP4 输出;在 Root.tsx 中改时和重排格式
关于此 Skill
把一个 5 秒动态标题片头渲染为 MP4:一个弧线标志逐笔自我勾勒,名称带着弹簧感落下,一句标语淡入。基于 Remotion 构建,整个画面是时间的函数——改名称、标语、颜色或标志的 SVG 路径,即可为任何品牌、频道或发布重新渲染像素完美的片头。
试一试
scripts/render.sh ./title-sting.mp4
适合人群
- 产品发布和频道片头
- 演示和演讲的品牌标识
不适合
- 实拍素材或 AI 生成视频
如何安装
- 把安装提示词复制到你的 Agent:
Read https://skillu.dev/install/agent.md, then install the Kinetic Title Video skill (kinetic-title-video). - 或在上线后从本页下载 Skill 包,把它的文件夹放入你的 Agent 的 skills 目录。
- 用斜杠命令调用它,例如
/kinetic-title-video,然后用大白话描述你想要什么。
常见问题
我需要视频剪辑经验吗?
不需要。在一个组件里改名称和标语文本,运行一条命令,MP4 自己渲染出来。
我能用自己的标志吗?
可以——把 ARC_PATH 值换成任何单路径 SVG 标志;描入动画会沿着它走。