Remotion
This is a comprehensive reference for building programmatic videos with Remotion, covering everything from basic composition setup to advanced features like 3D rendering and caption transcription. You'll find specific guidance on timing and interpolation, asset management, sequencing patterns, and integrations with tools like Three.js, Lottie, and Tailwind. It includes practical rules for common tasks like measuring text, trimming clips, and syncing audio. The coverage is thorough, spanning 30+ focused rule files that address real scenarios you hit when building video projects in React. If you're doing anything beyond a hello world Remotion project, this gives you patterns and best practices that'll save you from reinventing solutions to already solved problems.
- GitHub stars
- 235
- last updated
- Jun 10, 2026
Install
$ npx -y skills add jdrhyne/agent-skills --skill remotion --agent claude-codeInstalls into .claude/skills of the current project.
Files
When to use
Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
How to use
Read individual rule files for detailed explanations and code examples:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jdrhyne/agent-skills
- Categories
- Frontend Development, AI & Agent Building, Debugging, Design & UI/UX, Generative Media
- First seen
- Jun 11, 2026
More from jdrhyne/agent-skills
All 17Recommended
More Frontend Development
privacy-jpkimlawtech/korean-privacy-terms日本サービス向け（일본 서비스용） プライバシーポリシー・利用規約・同意モーダル・Cookieバナー 자동 생성. 個人情報保護法(APPI)·消費者契約法·特定商取引法 반영. Next.js 13~16 프로젝트 대상.0skills.sh installs
architecturenativewind/nativewindExplain the Nativewind v5 architecture, CSS pipeline, and key files. Use when a contributor wants to understand how the codebase works.0skills.sh installs
video-script-writernicepkg/ai-workflowWrite engaging video scripts for YouTube, TikTok, and other platforms. Creates complete scripts with hooks, main content, and CTAs. Supports various formats inc0skills.sh installs
theme-factorysyahiidkamil/software-engineer-ai-agent-atlasToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fo0skills.sh installs
creating-presentationstelagod/code-abyssProcesses PowerPoint presentation files (.pptx). Creates slides, rewrites templates, converts HTML to presentations, validates thumbnails, swaps layouts, and pe0skills.sh installsoperating-kicad-edatelagod/code-abyssKiCad EDA orchestration via kicad-mcp MCP server. Routes 17 tools for schematic creation, PCB layout, autorouting, DRC, and Gerber export. Enforces serialized P0skills.sh installs