ggprompts/my-plugins/remotion
Claude Code and agent skill by ggprompts/my-plugins
Trust tier 3
- community
Source check pending
Checking that the SKILL.md file is still in the repository.
Remotion video creation in React - compositions, animations, timing, audio/video, captions, 3D. Use when creating programmatic videos, animations, or working with Remotion code.
Install
npx vskill@latest install ggprompts/my-plugins/remotionSKILL.md
Remotion Best Practices
Create videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.
Quick Start
Core Concepts
| Concept | Reference | |
|---|---|---|
| Compositions & structure | @references/compositions.md | |
| Animation fundamentals | @references/animations.md | |
| Timing & interpolation | @references/timing.md | |
| Sequencing patterns | @references/sequencing.md | |
| Transitions | @references/transitions.md | |
| Trimming | @references/trimming.md |
Media
| Topic | Reference | |
|---|---|---|
| Videos | @references/videos.md | |
| Audio & sound | @references/audio.md | |
| Images | @references/images.md | |
| GIFs | @references/gifs.md | |
| Assets (importing) | @references/assets.md | |
| Fonts | @references/fonts.md |
Captions & Text
| Topic | Reference | |
|---|---|---|
| Display captions | @references/display-captions.md | |
| Import SRT files | @references/import-srt-captions.md | |
| Transcribe audio | @references/transcribe-captions.md | |
| Text animations | @references/text-animations.md | |
| Measuring text | @references/measuring-text.md |
Advanced
| Topic | Reference | |
|---|---|---|
| 3D with Three.js | @references/3d.md | |
| Charts & data viz | @references/charts.md | |
| Lottie animations | @references/lottie.md | |
| Maps (Mapbox) | @references/maps.md | |
| Parameters (Zod) | @references/parameters.md | |
| Calculate metadata | @references/calculate-metadata.md | |
| TailwindCSS | @references/tailwind.md |
Utilities
| Topic | Reference | |
|---|---|---|
| Get video duration | @references/get-video-duration.md | |
| Get video dimensions | @references/get-video-dimensions.md | |
| Get audio duration | @references/get-audio-duration.md | |
| Extract frames | @references/extract-frames.md | |
| Check decode support | @references/can-decode.md | |
| Measure DOM nodes | @references/measuring-dom-nodes.md |
Key Rules
- No self-animating content - All animations must be driven by
useCurrentFrame() - Never use `useFrame()` - React Three Fiber's hook causes flickering during render
- Sequence layout - Use
layout="none"on<Sequence>inside<ThreeCanvas> - Declarative animations - Write animations in markup, not imperative loops
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingplugins/frontend/remotion/skills/remotion/SKILL.md
Popularity
- 7-day trend score
- 5
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/ggprompts/my-plugins/remotion)