openclaw 网盘下载
OpenClaw

技能详情(站内镜像,无评论)

首页 > 技能库 > Remotion

Best practices for Remotion - Video creation in React

媒体与内容

许可证:MIT-0

MIT-0 ·免费使用、修改和重新分发。无需归因。

版本:v1.0.1

统计:⭐ 6 · 5.4k · 78 current installs · 83 all-time installs

6

安装量(当前) 83

🛡 VirusTotal :良性 · OpenClaw :良性

Package:am-will/remotion

安全扫描(ClawHub)

  • VirusTotal :良性
  • OpenClaw :良性

OpenClaw 评估

The skill is an instruction-and-example pack for Remotion (React video) and its files, requirements, and instructions are coherent with that purpose — no unexpected credentials, installs, or privileged behaviors are requested.

目的

Name/description (Remotion best practices) match the included files: many rule documents and example React/Remotion components. Required binaries/env/configs are none, which is appropriate for a guidance/instruction skill that provides example code.

说明范围

SKILL.md and rule files remain on-topic and describe Remotion patterns and example code. A few examples show fetching remote resources (e.g., calculateMetadata fetching props.dataUrl, use of mediabunny with UrlSource, loading Google Fonts, remote asset URLs). Network access to arbitrary URLs is consistent with the skill's purpose but means code snippets will perform external requests when copied/run; avoid passing secrets or private endpoints …

安装机制

No install spec is provided (instruction-only plus example source files). That is the lowest-risk model — nothing is downloaded or written by the platform installer.

证书

The skill requests no environment variables, credentials, or config paths. Example code references third-party libraries (remotion packages, mediabunny, @remotion/google-fonts) which are appropriate for Remotion projects and do not imply secret access.

持久

Skill is not always-enabled, does not request system persistence, and contains no instructions to modify other skills or system settings. Agent autonomous invocation is allowed (platform default) but not combined with other red flags.

综合结论

This package is a collection of Remotion best-practice documents and example components — its files are coherent with that purpose. There are no required credentials or installs. Important things to consider before using or copying the examples into a project: (1) Several examples perform network requests (fetching remote assets, calling APIs in calculateMetadata, mediabunny UrlSource, loading Google Fonts). Do not pass secrets, private endpoi…

安装(复制给龙虾 AI)

将下方整段复制到龙虾中文库对话中,由龙虾按 SKILL.md 完成安装。

请把本段交给龙虾中文库(龙虾 AI)执行:为本机安装 OpenClaw 技能「Remotion」。简介:Best practices for Remotion - Video creation in React。
请 fetch 以下地址读取 SKILL.md 并按文档完成安装:https://raw.githubusercontent.com/openclaw/skills/refs/heads/main/skills/am-will/remotion/SKILL.md
(来源:yingzhi8.cn 技能库)

SKILL.md

打开原始 SKILL.md(GitHub raw)

---
name: remotion-best-practices
description: Best practices for Remotion - Video creation in React
metadata:
  tags: remotion, video, react, animation, composition
---

## When to use

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

## How to use

Read individual rule files for detailed explanations and code examples:

- [rules/3d.md](rules/3d.md) - 3D content in Remotion using Three.js and React Three Fiber
- [rules/animations.md](rules/animations.md) - Fundamental animation skills for Remotion
- [rules/assets.md](rules/assets.md) - Importing images, videos, audio, and fonts into Remotion
- [rules/audio.md](rules/audio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch
- [rules/calculate-metadata.md](rules/calculate-metadata.md) - Dynamically set composition duration, dimensions, and props
- [rules/can-decode.md](rules/can-decode.md) - Check if a video can be decoded by the browser using Mediabunny
- [rules/charts.md](rules/charts.md) - Chart and data visualization patterns for Remotion
- [rules/compositions.md](rules/compositions.md) - Defining compositions, stills, folders, default props and dynamic metadata
- [rules/display-captions.md](rules/display-captions.md) - Displaying captions in Remotion with TikTok-style pages and word highlighting
- [rules/extract-frames.md](rules/extract-frames.md) - Extract frames from videos at specific timestamps using Mediabunny
- [rules/fonts.md](rules/fonts.md) - Loading Google Fonts and local fonts in Remotion
- [rules/get-audio-duration.md](rules/get-audio-duration.md) - Getting the duration of an audio file in seconds with Mediabunny
- [rules/get-video-dimensions.md](rules/get-video-dimensions.md) - Getting the width and height of a video file with Mediabunny
- [rules/get-video-duration.md](rules/get-video-duration.md) - Getting the duration of a video file in seconds with Mediabunny
- [rules/gifs.md](rules/gifs.md) - Displaying GIFs synchronized with Remotion's timeline
- [rules/images.md](rules/images.md) - Embedding images in Remotion using the Img component
- [rules/import-srt-captions.md](rules/import-srt-captions.md) - Importing .srt subtitle files into Remotion using @remotion/captions
- [rules/lottie.md](rules/lottie.md) - Embedding Lottie animations in Remotion
- [rules/measuring-dom-nodes.md](rules/measuring-dom-nodes.md) - Measuring DOM element dimensions in Remotion
- [rules/measuring-text.md](rules/measuring-text.md) - Measuring text dimensions, fitting text to containers, and checking overflow
- [rules/sequencing.md](rules/sequencing.md) - Sequencing patterns for Remotion - delay, trim, limit duration of items
- [rules/tailwind.md](rules/tailwind.md) - Using TailwindCSS in Remotion
- [rules/text-animations.md](rules/text-animations.md) - Typography and text animation patterns for Remotion
- [rules/timing.md](rules/timing.md) - Interpolation curves in Remotion - linear, easing, spring animations
- [rules/transcribe-captions.md](rules/transcribe-captions.md) - Transcribing audio to generate captions in Remotion
- [rules/transitions.md](rules/transitions.md) - Scene transition patterns for Remotion
- [rules/trimming.md](rules/trimming.md) - Trimming patterns for Remotion - cut the beginning or end of animations
- [rules/videos.md](rules/videos.md) - Embedding videos in Remotion - trimming, volume, speed, looping, pitch