ck:remotion

Provide expert guidance for video creation with Remotion.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/lengo0951/pms --skill ck-remotion-lengo0951
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:remotion
Source: https://github.com/lengo0951/pms/tree/main/.claude/skills/remotion
Command: npx skills add https://github.com/lengo0951/pms --skill ck-remotion-lengo0951

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @remotion/three, @remotion/mediabunny, @remotion/captions, @remotion/lottie, @remotion/layout-utils, @remotion/transitions, @remotion/gif, @remotion/google-fonts, @remotion/fonts, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive, domain-specific knowledge for creating high-quality videos with Remotion, streamlining the video creation process.

Core Features & Use Cases

  • Best Practices: Access expert tips for video composition, animation, and composition management.
  • Rule-Based Learning: Learn from detailed explanations and code examples for common tasks like 3D content, animations, assets import, and more.
  • Use Case: Whether you're new to video creation or looking to refine your techniques, this Skill offers step-by-step guidance to achieve your video production goals.

Quick Start

Run the skill and refer to the rule files for detailed instructions and code examples related to the specific task you need assistance with, such as 3D content, animations, or assets import.

Frequently Asked Questions about ck:remotion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create React animations for video editing with Remotion?

To create React animations for video editing with Remotion, you apply best practices for composition and animation management. This Skill provides expert guidance, detailed code examples, and rule-based learning to streamline your video creation process.

What's the best way to import and manage assets in Remotion?

The best way to manage assets in Remotion is by following specific rule-based instructions for asset import. This Skill provides detailed references and best practices to help developers efficiently handle media within their video compositions.

Can I use Remotion for 3D content creation in my videos?

Yes, you can use Remotion for 3D content creation by leveraging the @remotion/three dependency. This Skill offers expert guidance and code examples to help developers integrate and animate 3D graphics within their video compositions.

Does Remotion work with Lottie animations and Google Fonts?

Remotion works seamlessly with Lottie animations and Google Fonts through the @remotion/lottie and @remotion/google-fonts libraries. This Skill provides best practices for incorporating these elements into your video creation workflow.

What are the prerequisites for video creation with Remotion?

Prerequisites for Remotion video creation include a React environment and associated libraries like @remotion/transitions and @remotion/captions. This Skill requires these dependencies to execute its expert guidance on composition and animation.

How do I add transitions and captions in Remotion?

You add transitions and captions in Remotion by utilizing the @remotion/transitions and @remotion/captions libraries. This Skill provides expert guidance and code examples to implement these features following video creation best practices.