op7418/video-wrapper-skills
Overview
This skill adds variety-show style visual effects to interview videos (lower thirds, fancy text, term cards, chapter titles, quotes, stats, and more). It analyzes subtitle files to propose timed visual components, lets the user review and edit suggestions, then renders the final video using HTML/CSS + Anime.js with a Playwright renderer or a PIL fallback. Four visual themes are supported to match different content moods.
How this skill works
When you supply a video and an .srt subtitle file, the skill parses the subtitles to extract guests, topic changes, keywords, key quotes, numbers, and core points. It generates a list of timed visual suggestions that the user can approve, modify, or remove. After approval it builds a JSON config and renders overlays into the video frames, composing the final video with MoviePy.
When to use it
- Enhancing interview or panel videos for social sharing
- Creating educational clips with highlighted key phrases and definitions
- Producing branded episode chapters and guest lower thirds
- Turning long interviews into bite-sized, visually engaging segments
- Adding data animations and quote callouts for presentations
Best practices
- Provide accurate subtitle files (.srt) for reliable analysis and timing
- Review suggested components and adjust start/duration before rendering
- Use short phrases for fancy text; reserve single words for term cards
- Choose a theme that matches the video tone (notion, cyberpunk, apple, aurora)
- Prefer Playwright renderer for highest visual fidelity; use PIL fallback if needed
Example use cases
- A tech podcast: add lower thirds for each guest, highlight core arguments as fancy text, and insert chapter titles for topic shifts
- A university lecture: generate term cards for technical terms and bullet lists summarizing main takeaways
- A creative interview: apply aurora theme with animated stats and quote callouts for social clips
- A business talk: use apple theme to render clean lower thirds and end-screen social bars
FAQ
A video file and a corresponding .srt subtitle file. The subtitle file powers analysis and timing suggestions.
Can I edit suggestions before rendering?
Yes. The skill presents suggested components for review; you can confirm, modify, delete, or add items before generating the final config.
Which renderer should I use?
Use the browser (Playwright + Chromium) renderer for best HTML/CSS/Anime.js effects. The PIL renderer is available as a fallback with simpler visuals.
