How do I render the final video?

You can render your compositions using the provided CLI commands, which utilize the Remotion renderer for server-side or local processing.

What is Remotion Composer used for?

It is used to create high-quality demo videos and animations by combining code recordings, charts, and text overlays using the Remotion framework.

Can I export videos for social media?

Yes, it supports multiple formats including Vertical (TikTok/Reels), Square (Instagram/LinkedIn), and Horizontal (YouTube/4K).

Does it support 3D animations?

Yes, it integrates with Three.js, React Three Fiber, and Drei for sophisticated 3D graphics and camera movements.

Can I add captions automatically?

The skill includes several caption styles like TikTok-style word bounces, Karaoke-style reveals, and typewriter effects for accessibility and engagement.

Remotion Video Composer

Name: Remotion Video Composer
Author: yonatangross

byyonatangross

•

コンテンツ管理

Compiles high-quality, programmatically generated demo videos and animations using the Remotion framework.

概要

Remotion Composer is a comprehensive toolkit for building production-ready marketing and demo videos directly within Claude Code. It leverages the power of React and Remotion to combine terminal recordings, animated data visualizations, and 3D graphics into cinematic exports. With built-in support for spring physics, TikTok-style captions, and multi-format rendering for vertical, horizontal, or square outputs, it enables developers to create professional video content for documentation, social media, and product launches without leaving their development environment.

主な機能

69 GitHub stars
Automated captioning styles including TikTok-word bounce and typewriter effects
Programmatic video composition using React-based Remotion components
Extensive animation library with spring physics, easing presets, and 3D CSS components
Multi-format rendering support for YouTube, TikTok, LinkedIn, and 4K exports
Advanced data visualization including animated charts, progress rings, and stat counters

ユースケース

Creating high-fidelity product demo videos from terminal recordings and CLI outputs
Generating animated data-driven graphics and charts for marketing and social media
Automating the production of video documentation and tutorial content with consistent branding

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit remotion-composer

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要