talking-head-recut

Overlays timed, designed HTML graphic cards onto talking-head videos synced to transcripts.

Updated Aug 28, 2026
One-click install
npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill talking-head-recut-anderhonorato
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: talking-head-recut
Source: https://github.com/AnderHonorato/Mem-rias-IA---Infinity/tree/main/Manus/Skills/html-video-production/references/talking-head-recut
Command: npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill talking-head-recut-anderhonorato

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hyperframes, ffmpeg, gsap, and includes references (resource) and assets (resource) components.

What problem does it solve? Raw talking-head, interview, or podcast footage lacks visual structure; this Skill packages an existing clip with timed, designed graphic overlay cards (kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture) synced to the spoken transcript, while the original video plays untouched underneath. ## Core Features & Use Cases - Transcript-driven card design: Extracts audio with ffmpeg, transcribes locally via Whisper (hyperframes transcribe), and derives card timing and content from word-level timestamps. - Visual design library: Ships 10 card styles, 4 layouts, and 3 video frames as self-contained HTML references that can be freely mixed across 16:9, 9:16, and 4:5 canvases. - HTML-to-MP4 rendering: The agent writes each card's HTML fragment, assembles a GSAP-driven composition, and renders the final MP4 via the hyperframes CLI. - Use Case: Take a 2-minute founder interview clip, auto-infer roughly 17 cards from its information density, pick a portrait 9:16 canvas with a stack layout, and render a social-ready video with animated takeaway cards. ## Quick Start Package my talking-head video interview.mp4 with designed graphic overlay cards synced to what the speaker says, rendered for TikTok in 9:16.

Frequently Asked Questions about talking-head-recut

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add graphic overlays to a talking-head video?

Provide the video file, and the workflow extracts audio with ffmpeg, transcribes it locally with Whisper, designs timed HTML cards from the transcript, and renders the composition to MP4 via hyperframes. The original clip plays untouched underneath the overlays.

What is the difference between graphic overlays and embedded captions?

Embedded captions render the spoken words as subtitle text, while this workflow adds designed graphics such as titles, lower-thirds, data callouts, and quotes on top of the playing video. For plain subtitles, use the embedded-captions skill instead.

How many overlay cards should a video have?

Card count is auto-inferred from video duration and transcript information density: a base pace of 6-60 seconds per card is multiplied by a density factor of 0.7 to 1.5. The minimum is 5 cards, with no upper limit for long videos.

Does this workflow support vertical video for TikTok or Reels?

Yes, it supports 16:9 (1920x1080), 9:16 (1080x1920), and 4:5 (1080x1350) output canvases regardless of the source video's aspect ratio. A recommended ratio is precomputed from the source dimensions before asking the user.

Why does the rendered video show a black tail at the end?

Whisper can return the final word's end timestamp slightly past the actual clip duration. Clamp every card's endSec and the composition durationSeconds to the duration reported in metadata.json to prevent the black tail.

Can I use external fonts or scripts in the card HTML?

No, card fragments must be self-contained: no external URLs, no script tags, and no inline event handlers. Animations use data-anim attributes, and only the bundled fonts (Caveat, LXGW WenKai TC, Inter, Virgil) are available.