affaan-m/ECC/docs/zh-CN/skills/remotion-video-creation/SKILL.md
remotion-video-creation
Review remotion-video-creation's use cases, installation, workflow, and original source instructions.
- Source repository stars
- 234,327
- Declared platforms
- 0
- Static risk flags
- 0
- Last source update
- 2026-07-27
- Source checked
- 2026-07-28
Decision brief
What it does—and where it fits
当处理 Remotion 代码并需要获取领域特定知识时,请使用此技能。
Not for
- Tasks that require unconfirmed production actions or broad system permissions.
- Environments where the pinned source and install steps cannot be inspected.
Compatibility matrix
Platform support, with evidence labels
| Platform | Status | Evidence | What to check |
|---|---|---|---|
| Codex | Not declared | No explicit evidence | Portability before use |
| Claude Code | Not declared | No explicit evidence | Portability before use |
| Cursor | Not declared | No explicit evidence | Portability before use |
| Gemini CLI | Not declared | No explicit evidence | Portability before use |
Installation
Inspect first. Install second.
The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.
npx skills add https://github.com/affaan-m/ECC --skill "docs/zh-CN/skills/remotion-video-creation"Inspect the Agent Skill "remotion-video-creation" from https://github.com/affaan-m/ECC/blob/4e973d3eaf92d97f8d2e2d8abb39d8bdc8711b38/docs/zh-CN/skills/remotion-video-creation/SKILL.md at commit 4e973d3eaf92d97f8d2e2d8abb39d8bdc8711b38. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.
Workflow
What the source asks the agent to do
- 01
使用时机
当处理 Remotion 代码并需要获取领域特定知识时,请使用此技能。
当处理 Remotion 代码并需要获取领域特定知识时,请使用此技能。 - 02
使用方法
rules/3d.md - 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容 rules/animations.md - Remotion 的基础动画技能 rules/assets.md - 在 Remotion 中导入图片、视频、音频和字体 rules/audio.md - 在 Remotion 中使用音频和声音——导入、裁剪、音量、速度、音调 rules/calculate-metadata.md - 动态设置合成时长、尺寸和属性 rules/can-decode.md - 使用 Mediab…
rules/3d.md - 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容rules/animations.md - Remotion 的基础动画技能rules/assets.md - 在 Remotion 中导入图片、视频、音频和字体
Permission review
Static risk signals and limitations
No configured static risk pattern was detected
This is not proof of safety. Runtime behavior, indirect dependencies, and hidden external systems are outside the static scan.
Evidence record
Why each signal appears
| Signal | Value | Evidence type | Meaning |
|---|---|---|---|
| Quality score | 51/100 | Computed | Documentation, specificity, maintenance, and trust rules |
| Repository stars | 234,327 | Source | Repository attention, not individual Skill quality |
| Compatibility | 0 platforms | Source | Declared in the catalog source record |
| Usage guide | automated source guide | Editorial | Generated or reviewed according to the visible evidence level |
Pinned source
Provenance and original SKILL.md
- Repository
- affaan-m/ECC
- Skill path
- docs/zh-CN/skills/remotion-video-creation/SKILL.md
- Commit
- 4e973d3eaf92d97f8d2e2d8abb39d8bdc8711b38
- License
- MIT
- Collected
- 2026-07-28
- Default branch
- main
View the original SKILL.md
使用时机
当处理 Remotion 代码并需要获取领域特定知识时,请使用此技能。
使用方法
阅读各个规则文件以获取详细说明和代码示例:
- rules/3d.md - 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容
- rules/animations.md - Remotion 的基础动画技能
- rules/assets.md - 在 Remotion 中导入图片、视频、音频和字体
- rules/audio.md - 在 Remotion 中使用音频和声音——导入、裁剪、音量、速度、音调
- rules/calculate-metadata.md - 动态设置合成时长、尺寸和属性
- rules/can-decode.md - 使用 Mediabunny 检查浏览器能否解码视频
- rules/charts.md - Remotion 的图表和数据可视化模式
- rules/compositions.md - 定义合成、静态画面、文件夹、默认属性和动态元数据
- rules/display-captions.md - 在 Remotion 中显示字幕,支持 TikTok 风格页面和单词高亮
- rules/extract-frames.md - 使用 Mediabunny 从视频中提取指定时间戳的帧
- rules/fonts.md - 在 Remotion 中加载 Google 字体和本地字体
- rules/get-audio-duration.md - 使用 Mediabunny 获取音频文件的时长(秒)
- rules/get-video-dimensions.md - 使用 Mediabunny 获取视频文件的宽度和高度
- rules/get-video-duration.md - 使用 Mediabunny 获取视频文件的时长(秒)
- rules/gifs.md - 显示与 Remotion 时间线同步的 GIF
- rules/images.md - 使用 Img 组件在 Remotion 中嵌入图片
- rules/import-srt-captions.md - 使用 @remotion/captions 将 .srt 字幕文件导入 Remotion
- rules/lottie.md - 在 Remotion 中嵌入 Lottie 动画
- rules/measuring-dom-nodes.md - 在 Remotion 中测量 DOM 元素尺寸
- rules/measuring-text.md - 测量文本尺寸、将文本适配到容器以及检查溢出
- rules/sequencing.md - Remotion 的序列模式——延迟、裁剪、限制项目时长
- rules/tailwind.md - 在 Remotion 中使用 TailwindCSS
- rules/text-animations.md - Remotion 的排版和文本动画模式
- rules/timing.md - Remotion 中的插值曲线——线性、缓动、弹簧动画
- rules/transcribe-captions.md - 转录音频以在 Remotion 中生成字幕
- rules/transitions.md - Remotion 的场景过渡模式
- rules/trimming.md - Remotion 的裁剪模式——裁剪动画的开头或结尾
- rules/videos.md - 在 Remotion 中嵌入视频——裁剪、音量、速度、循环、音调
Alternatives
Compare before choosing
affaan-m/ECC
remotion-video-creation
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.
affaan-m/ECC
remotion-video-creation
Review remotion-video-creation's use cases, installation, workflow, and original source instructions.
event4u-app/agent-config
existing-ui-audit
Use BEFORE writing or editing any non-trivial UI — inventories components, design tokens, shadcn primitives, and reusable patterns into state.ui_audit. Hard gate for the ui directive set.
affaan-m/ECC
motion-advanced
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.