This extends the official Remotion skill with project-specific patterns from a video toolkit. You get a library of pre-built transitions (glitch, light leak, clock wipe, checkerboard) that sit alongside Remotion's standard offerings, plus shared components like AnimatedBackground, SlideTransition, and NarratorPiP. It's useful if you're working in a codebase that's already built up these abstractions and you want Claude to know about your custom transition library and component conventions. The skill explicitly defers core Remotion knowledge to the official remotion-dev skill, so you're meant to use both together. Includes timing guidelines (30fps standard, scene duration conventions) and import path patterns for the specific toolkit structure.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
5
skills.sh installs
1.4K
GitHub stars
2.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add digitalsamba/claude-code-video-toolkit --skill remotion --agent claude-code

Installs into .claude/skills of the current project.

Files

Remotion — Toolkit Extensions

Core Remotion knowledge lives in .claude/skills/remotion-official/ (synced from the official remotion-dev/skills repo). This file covers toolkit-specific patterns only.

Shared Components

Reusable video components in lib/components/. Import in templates via:

import { AnimatedBackground, SlideTransition, Label } from '../../../../lib/components';
ComponentPurpose
AnimatedBackgroundFloating shapes background (variants: subtle, tech, warm, dark)
SlideTransitionScene transitions (fade, zoom, slide-up, blur-fade)
LabelFloating label badge with optional JIRA reference
VignetteCinematic edge darkening overlay
LogoWatermarkCorner logo branding
SplitScreenSide-by-side video comparison
NarratorPiPPicture-in-picture presenter overlay
Envelope3D envelope with opening flap animation
PointingHandAnimated hand emoji with slide-in and pulse
MazeDecorationAnimated isometric grid decoration for corners

Motion Craft

Sponsors

Details

Repository
github.com/digitalsamba/claude-code-video-toolkit
Categories
Frontend Development, Generative Media
First seen
Jun 3, 2026

More from digitalsamba/claude-code-video-toolkit

All 12
1hoodini avatarmobile-responsivenesshoodini/ai-agents-skillsBuild responsive, mobile-first web applications. Use when implementing responsive layouts, touch interactions, mobile navigation, or optimizing for various scre1.4Kskills.sh installs
2hyperb1iss avatartui-designhyperb1iss/hyperskillsThis skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building 1.3Kskills.sh installs
3hyva-themes avatarhyva-child-themehyva-themes/hyva-ai-toolsCreate a Hyvä child theme in a Magento 2 project. This skill should be used when the user wants to create a new Hyvä child theme, set up a custom theme based on1.3Kskills.sh installs
4bowtiedswan avataranimejsbowtiedswan/animejs-skillsComprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating tim1.3Kskills.sh installs
5vercel-labs avatarinkvercel-labs/json-renderInk terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JS1.3Kskills.sh installs
6charleswiltgen avataraxiom-uikitcharleswiltgen/axiomUse when bridging UIKit and SwiftUI, modernizing UIKit apps (scene lifecycle, resizability), debugging Auto Layout, Combine, TextKit, PencilKit, or UIKit animat1.3Kskills.sh installs