Automates the composition of GIFs and videos into multi-pane tutorials and professional documentation assets.
The Media Composition skill enables developers to programmatically merge disparate media assets—such as terminal recordings and browser sessions—into unified composite files. By leveraging YAML manifests and FFmpeg, it handles complex tasks like vertical and horizontal stacking, grid arrangements, and picture-in-picture layouts. This skill is particularly useful for creating high-quality technical documentation and visual guides where multiple viewpoints need to be synchronized and presented in a single, professional output.
Key Features
01Advanced layout options including padding, background colors, and alignment
02Manifest-driven workflow for repeatable media compositions
03Automated FFmpeg command generation and execution
04123 GitHub stars
05Support for vertical, horizontal, grid, and sequential layouts
06Integrated validation for component outputs and composition metrics
Use Cases
01Combining a CLI recording with a web browser demo for full-stack tutorials
02Generating 2x2 grid views to document multi-step technical processes
03Creating side-by-side 'before and after' visual comparisons for UI changes
