skills.rest
aviz85
aviz85COMMUNITY
Explore all skills by this author →
GitHub

video-common

Provide shared Remotion video utilities and composition registration patterns for reuse across skills.

4|Updated Feb 3, 2026
Search Tags:#reference#patterns#video#utilities#remotion#reuse#compositions
One-click install
npx skills add https://github.com/aviz85/ai-music-video-maker --skill video-common
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: video-common
Source: https://github.com/aviz85/ai-music-video-maker/tree/main/.claude/skills/video-common
Command: npx skills add https://github.com/aviz85/ai-music-video-maker --skill video-common

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Shared Remotion video utilities and patterns facilitate reuse across video skills, reducing duplication and enabling consistent behavior.

Core Features & Use Cases

  • Shared patterns and references for video skills built with Remotion.
  • Central entry point SKILL.md for discovery and onboarding; enables reliance on common utilities like useCurrentFrame, useVideoConfig, interpolate, and spring.
  • How to add new compositions: create a component in src/compositions and register it in src/Root.tsx with a Composition entry reflecting id, component, durationInFrames, fps, width, height.
  • See References for deeper guidance (codecs.md, animations.md).

Quick Start

Create a new component in src/compositions and register it in Root.tsx to expose a new video composition that other skills can reuse.

Frequently Asked Questions about video-common

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

FAQPage Schema
How do I add a new composition in Remotion for reuse across projects?▼

To add a new composition in Remotion, create a component in src/compositions and register it in src/Root.tsx with a Composition entry specifying id, component, durationInFrames, fps, width, and height.

What shared Remotion utilities can I reuse for video animations?▼

Shared Remotion utilities include common APIs like useCurrentFrame, useVideoConfig, interpolate, and spring, which provide consistent behavior and reduce duplication across video skill workflows.

Do I need a SKILL.md file to enable discovery for Remotion compositions?▼

Yes, a SKILL.md frontmatter with name and description is required to enable discovery. Optional scripts, references, and assets directories can be added to enable optional resource usage.

Where can I find deeper guidance on codecs and animations for Remotion projects?▼

Deeper guidance on codecs and animations for Remotion projects is located in the References directory, providing expanded documentation on configuring codecs and implementing animations.

What is the best way to reduce duplication when building multiple Remotion video skills?▼

The best way to reduce duplication is to use shared Remotion video utilities and patterns, applying them across workflows like building, registering, and reusing common compositions for consistent behavior.

Can I use this shared utility skill without any external dependencies?▼

Yes, you can use this shared utility skill without external dependencies, as it operates independently to provide central entry points and references for Remotion video compositions.

Related Skills

Explore More Software Engineering Skills→
flaz78flaz78
9

remotion-video

Create and render Remotion videos into MP4 files from local project files.

Community
Intermediate
shige1014-devshige1014-dev

remotion-best-practices

Guide Remotion React video compositions with useCurrentFrame, staticFile, and useDelayRender.

Community
Intermediate
Bobby44-maxBobby44-max
1

remotion-best-practices

Guide Remotion video production with standardized React animation patterns.

Community
Advanced
GratefulJinx77GratefulJinx77

remotion

Create video compositions programmatically with React and Remotion.

Community
Advanced