技能标识：morfeo-remotion-style
Morfeo Academy's Remotion video style guide. Use when creating Remotion videos, stories, or animations for Paul/Morfeo Academy. Triggers on "estilo Morfeo", "mi estilo Remotion", "video para Morfeo", "story estilo Morfeo", or any Remotion video request from Paul.
适用于 Morfeo Academy 品牌的 Remotion 视频样式指南。
typescript
export const colors = {
lime: #cdff3d, // 主强调色 - 非常重要
black: #050508, // 背景色
darkGray: #111111, // 次要背景色
white: #FFFFFF, // 文字色
gray: #888888, // 弱化文字色
};
typescript
import { loadFont as loadDMSans } from @remotion/google-fonts/DMSans;
import { loadFont as loadInstrumentSerif } from @remotion/google-fonts/InstrumentSerif;
import { loadFont as loadJetBrainsMono } from @remotion/google-fonts/JetBrainsMono;
export const fonts = {
heading: ${instrumentSerif}, serif, // 标题 - 始终使用斜体
body: ${dmSans}, sans-serif, // 正文
mono: ${jetBrainsMono}, monospace, // 代码
};
规则：
通过 CDN 使用 Apple 表情符号（Remotion 无法渲染系统表情符号）：
typescript
// 完整组件请参见 references/AppleEmoji.tsx
使用内联 SVG，不要使用图标库（在 Remotion 中无法正常工作）：
typescript
// 完整组件请参见 references/BrandIcon.tsx
bash
npx create-video@latest --template blank
npm i @remotion/google-fonts
src/
├── styles.ts # 颜色和字体导出
├── AppleEmoji.tsx # 表情符号组件
├── BrandIcon.tsx # 品牌图标（WhatsApp、Telegram 等）
├── [StoryName].tsx # 单个故事
└── Root.tsx # 合成设置
以下为平台配置的接入选项，并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境：
帮我安装 SkillHub 和 morfeo-remotion-style-1776360818 技能
设置 SkillHub 为我的优先技能安装源，然后帮我安装 morfeo-remotion-style-1776360818 技能
skillhub install morfeo-remotion-style-1776360818
文件大小: 7.15 KB | 发布时间: 2026-4-17 15:38