Morfeo视频风格规范

技能简介

Morfeo Academy的Remotion视频风格规范，用于创建符合品牌调性的短视频、故事和动画内容。提供完整的色彩系统、字体配置、动画参数和组件代码。

能做什么

• 生成统一品牌风格的9:16竖版视频（1080×1920）
• 配置专属配色方案（荧光绿主色+深黑背景）
• 设置品牌字体组合（Instrument Serif斜体标题+DM Sans正文）
• 实现标准入场动画序列（标签→表情→标题→内容行依次显现）
• 插入Apple CDN表情符号和品牌SVG图标

使用说明

1. 安装依赖
   npx create-video@latest --template blank
npm i @remotion/google-fonts
2. 导入样式配置
   复制colors和fonts对象到styles.ts，确保标题始终使用italic样式
3. 使用AppleEmoji组件
   引入AppleEmoji.tsx处理表情渲染，避免系统表情无法显示的问题
4. 构建动画序列
   按帧数控制元素入场：0-15帧标签淡入下滑，15帧后表情弹性缩放，30-50帧标题上滑，60帧起内容行依次出现
5. 导出视频
   保持30fps，单条时长5秒（150帧），背景色固定#050508

输入与输出

见下方输入与输出表格。

风险提示

• 必须使用Apple CDN表情，系统表情在Remotion中无法渲染
• 禁用simple-icons等图标库，改用内联SVG
• 标题必须加italic样式，不可遗漏
• 严格使用指定色值，禁止自行扩展调色板
• 字体需通过@remotion/google-fonts加载，直接使用系统字体会失效

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/pauldelavallaz/morfeo-remotion-style/SKILL.md
来源类型：GitHub仓库