graphic-overlays

Transcribe videos with Whisper and add timed graphic overlays.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/zeitlinb/contentmonster --skill graphic-overlays
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: graphic-overlays
Source: https://github.com/zeitlinb/contentmonster/tree/main/.agents/skills/graphic-overlays
Command: npx skills add https://github.com/zeitlinb/contentmonster --skill graphic-overlays

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hyperframes, whisper, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill packages existing videos by adding timed, designed graphic overlays, including titles, lower-thirds, and callouts, improving video presentation and engagement.

Core Features & Use Cases

  • Timed Overlay Cards: Design and place graphics at precise times within a video.
  • Customizable Templates: Choose from a library of styles or design your own.
  • Integration with Whisper: Transcription is integrated with Whisper for automatic syncing of graphics with the video's content.
  • Use Case: If you want to add lower-thirds and title cards to a video that highlights key points while the video plays, this Skill can help.

Quick Start

Use the graphic-overlays skill to create a video with graphic overlays for the 'interview.mp4' video, using the 'editorial' style and 'side-by-side' layout.

Frequently Asked Questions about graphic-overlays

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

FAQPage Schema
How do I add timed graphic overlays to a video automatically?

To add timed graphic overlays, this Skill transcribes the video content using Whisper and layers designed graphics like titles and lower-thirds at the transcribed timestamps. It uses hyperframes to render the final enhanced video output.

What is the best way to add lower-thirds and title cards to video presentations?

Adding lower-thirds and title cards to video presentations is done by transcribing the audio and syncing graphics to timestamps. This Skill provides customizable templates like editorial styles to highlight key points while the video plays.

Do I need Whisper to sync graphics with video content?

Yes, Whisper is required for transcription to sync graphics with video content. The transcription generates the timestamps needed to accurately place and layer corresponding graphic overlays within the video.

Can I use custom templates for video overlay design?

Yes, you can use custom templates for video overlay design. The Skill offers a library of styles and layouts, such as side-by-side, and allows you to design your own graphics for placement at precise times.

Does hyperframes support rendering timed graphics over existing videos?

Yes, hyperframes supports rendering timed graphics over existing videos. It is a required dependency for taking the transcribed timestamps and overlaid graphics to render the final packaged video output.

When should I not use automated transcription for video enhancement?

You should not use automated transcription for video enhancement if the existing video has unclear audio or lacks speech, as Whisper relies on transcribable content to generate the timestamps required for syncing graphic overlays.