media-composition

Solid

Combine media assets (GIFs, videos) into composite tutorials with vertical/horizontal

Code & Development 297 stars 27 forks Updated today MIT

Install

View on GitHub

Quality Score: 95/100

Stars 20%
82
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

## Table of Contents - [Overview](#overview) - [Required TodoWrite Items](#required-todowrite-items) - [Manifest Format](#manifest-format) - [Manifest Schema](#manifest-schema) - [Step-by-Step Process](#step-by-step-process) - [1. Parse Manifest File](#1-parse-manifest-file) - [2. Validate Component Outputs](#2-validate-component-outputs) - [3. Execute FFmpeg Composition](#3-execute-ffmpeg-composition) - [4. Verify Combined Output](#4-verify-combined-output) - [FFmpeg Composition Commands](#ffmpeg-composition-commands) - [Vertical Stacking](#vertical-stacking) - [Horizontal Stacking](#horizontal-stacking) - [Sequential Concatenation](#sequential-concatenation) - [Grid Layout (2x2)](#grid-layout-(2x2)) - [With Background Color](#with-background-color) - [Layout Options](#layout-options) - [Layout Option Details](#layout-option-details) - [Example Compositions](#example-compositions) - [Terminal + Browser Tutorial](#terminal-+-browser-tutorial) - [Side-by-Side Comparison](#side-by-side-comparison) - [Picture-in-Picture](#picture-in-picture) - [Exit Criteria](#exit-criteria) # Media Composition Skill Combine multiple media assets (GIFs, videos, images) into composite outputs for detailed tutorials and documentation. ## When To Use - Combining multiple media outputs into compositions - Creating composite demos from terminal and browser recordings ## When NOT To Use - Single-format output that does not need composition - Simple terminal recordings - use scry:vhs-recording...

Details

Author
athola
Repository
athola/claude-night-market
Created
6 months ago
Last Updated
today
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Code & Development Solid

gif-generation

Post-process video files and generate optimized GIFs. Converts webm/mp4

297 Updated today
athola
AI & Automation Solid

hyperframes

Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.

175,435 Updated today
NousResearch
AI & Automation Solid

demo-video

Use when the user asks to create a demo video, product walkthrough, feature showcase, animated presentation, marketing video, or GIF from screenshots or scene descriptions. Orchestrates playwright, ffmpeg, and edge-tts MCPs to produce polished video content.

16,782 Updated 3 days ago
alirezarezvani
AI & Automation Solid

tutorial-updates

Generate tutorials from VHS tapes and Playwright specs with dual-tone markdown and GIF recording

297 Updated today
athola
AI & Automation Listed

scene-compose

Multi-image scene composition with role-labeled refs (up to 14). Triggers: scene compose, composition, multi-image scene.

0 Updated 3 days ago
produtoramaxvision