核心用法
morfeo-remotion-style 是一个专为 Remotion 视频制作框架设计的品牌样式指南 Skill。它并非可执行程序，而是面向开发者的代码规范与组件参考库，用于快速创建符合 Morfeo Academy 品牌视觉标准的垂直短视频（9:16 格式）。
使用场景明确限定于：当用户提及 "estilo Morfeo"、"mi estilo Remotion"、"video para Morfeo" 或来自 Paul 的 Remotion 视频请求时触发。核心交付物包括：
- 色彩系统：以荧光绿
#cdff3d为主强调色，配合纯黑背景#050508形成高对比度视觉 - 字体规范：Instrument Serif（标题，强制斜体）、DM Sans（正文）、JetBrains Mono（代码）
- 组件代码：AppleEmoji 组件（通过 jsDelivr CDN 加载 Apple 风格 emoji）、BrandIcon 组件（内联 SVG 品牌图标）
- 动画参数：标准 spring 物理动画配置（damping: 15）、分层入场序列（Tag → Emoji → Title → Lines 的错开显示）、脉冲循环效果
- 项目结构：完整的文件组织建议与初始化命令
开发者可直接复制代码块到 Remotion 项目中使用，无需额外依赖安装。
显著优点
1. 品牌一致性保障
通过强制性的设计约束（如"标题必须斜体"、"必须使用荧光绿强调色"、"禁用系统字体"等 DO NOT 清单），从源头杜绝视觉风格漂移，特别适合团队协作场景。
2. 零运行时依赖
Skill 本身不含任何 npm 依赖，代码示例均为原生 TypeScript/React 语法。引用方仅需安装标准的 Remotion 开发环境即可运行，无供应链风险。
3. 生产级代码可直接复用
提供的代码片段并非伪代码，而是经过验证的、可直接嵌入项目的完整组件实现（如 AppleEmoji.tsx 包含实际的 CDN 图片加载逻辑），显著降低开发者的试错成本。
4. 技术细节完备
涵盖 Remotion 特有的技术坑点解决方案：系统 emoji 无法渲染 → 使用 CDN 图片替代；图标库无法工作 → 改用内联 SVG；字体加载 → 明确使用 @remotion/google-fonts 的异步加载模式。
潜在缺点与局限性
1. 高度场景绑定
该 Skill 专为 Morfeo Academy 的品牌需求定制，色彩、字体、动效参数均带有强烈品牌个性。若用于其他品牌项目，需要大规模覆盖改造，通用性有限。
2. 外部 CDN 依赖
AppleEmoji 组件依赖 jsDelivr CDN 获取 emoji 图片资源。虽然 jsDelivr 可信度高，但在网络受限环境或 CDN 服务异常时可能导致 emoji 加载失败。当前版本未提供本地化备选方案或 SRI 校验。
3. 无动态预览能力
作为纯文本样式指南，Skill 本身无法直接渲染视频预览。开发者需要搭建完整的 Remotion 开发环境（Node.js + FFmpeg）才能看到实际效果，对非技术用户门槛较高。
4. 版本锁定风险
Remotion 框架迭代较快，引用的 @remotion/google-fonts API 或动画配置参数可能随版本更新发生变化。Skill 未注明适配的 Remotion 版本范围，长期维护需人工跟进。
适合的目标群体
- Remotion 视频开发者：需要快速实现品牌级垂直短视频的前端工程师
- Morfeo Academy 内容团队：确保内部视频产出视觉统一性的制作人员
- React 动画学习者：希望学习 Remotion 最佳实践、spring 动画配置、组件化视频开发的初学者
- 品牌设计师：需要向开发团队交付可执行的设计规范的视觉设计师
使用风险说明
性能风险：代码示例中的动画使用 spring 物理模拟，在高帧率（60fps）或低性能设备上可能产生计算开销，建议严格遵循指南中的 30fps 规范。
依赖项风险：虽然 Skill 本身零依赖，但实际项目运行依赖 Remotion 生态（含 FFmpeg）。需确保构建环境满足 Remotion 的系统要求。
网络可用性风险：emoji 图片的 CDN 加载在弱网环境可能延迟，关键场景建议预加载或降级为文本替代方案。
版权合规：使用 Apple Emoji 图片资源需遵守 Apple 的知识产权条款，商用场景建议确认许可范围或替换为开源 emoji 方案。