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
