new-video
CommunityScaffold Remotion video compositions quickly.
Authortylerdurrett
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Guide users through creating new Remotion video compositions in the @repo/video package. Use when users want to create a new video, animation, or composition, or when they invoke /new-video. Handles scaffolding, explains Remotion concepts, and helps with composition editing.
Core Features & Use Cases
- Create a new Remotion composition in packages/video/src/compositions/<Name>.tsx with a starter template, register it in Root.tsx, and add it to barrel exports.
- Explain Remotion core concepts like useCurrentFrame() and fps, enabling frame-by-frame animation in compositions.
- Scaffold and customize: modify the starter template to realize the user's vision, including integrating key APIs and Tailwind styling.
- Preview in Studio: run pnpm studio to view the new composition and iterate with hot-reloads.
- Embedding guidance: pattern to embed the video in a Next.js web app.
Quick Start
Run pnpm new-video <CompositionName> to scaffold the new composition.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: new-video Download link: https://github.com/tylerdurrett/oneshot-dashboard/archive/main.zip#new-video Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.