Remotion Video Kit
When to use: Building videos with code: branded explainers, social cuts, data-to-video dashboards, captioned clips, and reproducible video pipelines.
npx skills add remotion-video-kitgit clone https://github.com/skillhub-community/remotion-video-kit.gitDescription
A Remotion-based video kit for code-driven video production. Compositions included: BrandedExplainer (scenes assembled from React components with a timeline), SocialCut (vertical 9:16 clips with big type and captions), DataToVideo (animates a chart/report into a narrated video, reusing your chart components as frames), and CaptionClip (subtitles rendered with word-level highlight synced to audio). Everything is pure React — state, layout, and animation reuse your component library.
Includes the Remotion infrastructure guidance: Sequence/absolute-frame layout, useCurrentFrame/useVideoConfig for animation, <Audio>/<Video> tags, and <Captions> via @remotion/captions with word-level timing. Render pipeline: local render via CLI (mp4/webm), server-side rendering with a queue, and a studio-style PreviewButton that opens the Remotion Studio for manual scrubbing. Covers audio: add narration via TTS, and voice-over track mixing. This kit is the programming counterpart to the visual editors — same team can generate reproducible, versioned videos from data.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub