wjs-overlaying-video
Compose post-production overlays—captions, covers, illustrations, and calls-to-action—directly onto video clips using HyperFrames, rendering everything in one pass to preserve quality. Works seamlessly downstream of segmentation workflows, turning raw clips into upload-ready MP4s with HTML/CSS captions, AI-generated covers, and timed motion graphics.
wjs-overlaying-video adds captions, AI covers, illustrations, and CTAs to video clips in a single HyperFrames render.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-23
wjs-overlaying-video adds captions, AI covers, illustrations, and CTAs to video clips in a single HyperFrames render. Compose post-production overlays—captions, covers, illustrations, and calls-to-action—directly onto video clips using HyperFrames, rendering everything in one pass to preserve quality. Works seamlessly downstream of segmentation workflows, turning raw clips into upload-ready MP4s with HTML/CSS captions, AI-generated covers, and timed motion graphics.
Use it when
- Yes.
- wjs-overlaying-video applies post-production overlays—captions, covers, graphics, and CTAs—in a single rendering pass.
Verify before relying
Read SKILL.md below before installing (7 files). Open directory: indexed for reading, not audited.
Install
jianshuo/claude-skills/wjs-overlaying-video · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is wjs-overlaying-video and what can it do?
wjs-overlaying-video is a post-production overlay tool that composes captions, covers, illustrations, and calls-to-action directly onto video clips using HyperFrames. It renders everything in one pass to preserve quality, turning raw clips into upload-ready MP4s with HTML/CSS captions, AI-generated covers, and timed motion graphics.
Can I add captions to video with kinetic captions synced to SRT?
Yes. wjs-overlaying-video composes and renders styled captions synced to SRT timings, including word-by-word caption highlighting. The captions are built with HTML/CSS for flexible styling and precise synchronization to your subtitle file.
How does wjs-overlaying-video handle video post production overlay?
wjs-overlaying-video applies post-production overlays—captions, covers, graphics, and CTAs—in a single rendering pass. It supports motion graphics on video clips, overlay animations on MP4, and reusable illustration patterns (stack, hammer) at hook moments, all without re-encoding the source.
Can wjs-overlaying-video generate AI covers and end-card CTAs?
Yes. wjs-overlaying-video generates AI-generated video covers and end-card calls-to-action, creating video title cards and end screens ready for upload. These are rendered directly onto your clips as part of the composition workflow.
Does wjs-overlaying-video support batch rendering?
Yes. wjs-overlaying-video can batch-render multiple clips in one HyperFrames project without re-encoding, allowing you to process several videos efficiently while preserving quality in a single pass.
What license does wjs-overlaying-video use?
wjs-overlaying-video is released under the MIT license, making it free to use, modify, and distribute for both commercial and personal projects.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
wjs-overlaying-video
Post-production for a video clip: cover, captions, illustrations, CTA, custom motion graphics — all composed in ONE HyperFrames project and rendered in a SINGLE final encode. No cascade of decodes/re-encodes (each cascade pass degrades quality and burns time).
When to use
- Downstream of
/wjs-segmenting-video— the segmentation skill hands you cropped clips + per-clip SRTs; this skill turns them into upload-ready MP4s with cover/captions/illustrations/CTA. - User has a
(truncated - see the full file via the links below)
File tree — 7 files
wjs-overlaying-video/SKILL.md
wjs-overlaying-video/references/build_hf_clips.py
wjs-overlaying-video/references/custom_overlay_recipes.md
wjs-overlaying-video/references/example_spec.json
wjs-overlaying-video/references/illustration_patterns.md
wjs-overlaying-video/references/illustrations.py
wjs-overlaying-video/scripts/scaffold.py
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Add post-production overlays (captions, covers, graphics) to video clips”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill converts a written article into a polished short-form video optimized for vertical platforms. It combines Volcano TTS Chinese narration, HyperFrames-powered scene animations, and AI-generated abstract watercolor backgrounds to produce 1080×1920 MP4 files ready for YouTube Shorts, TikTok, and similar services. The output emphasizes visual contrast and pacing over template repetition, enforcing diverse layouts and typography across 5–10 scenes.
HyperFrames lets you build video compositions, animations, and effects entirely in HTML with data attributes and GSAP timelines. Author captions synced to audio, generate voiceovers, create beat-reactive animations, and add transitions—all by treating HTML as your video source of truth.
Reframe videos between landscape and portrait by cropping a dynamic band that follows whoever is speaking, detected via mouth motion analysis. Ideal for repurposing interviews and podcasts across short-form platforms without rotating the source.
Synchronize footage from multiple cameras, phones, or audio recorders captured simultaneously by computing time offsets through audio envelope analysis. The skill generates `.sync.json` metadata sidecars alongside your originals—never modifying or re-encoding source files—so downstream tools can apply alignment at playback or editing time.
Segment long-form video into multiple stand-alone short clips by reading the SRT transcript and identifying topic boundaries. The skill cuts and crops with accurate-seek precision, extracting raw clips plus per-clip subtitles as a hand-off package for downstream post-production tools like overlaying and styling.
Merge multiple camera angles into a single rendered video using audio energy to drive real-time cam selection. The skill reads sync metadata from each source, analyzes per-second loudness, and produces hard cuts or hard cuts with a corner PiP inset. Requires synced footage with `.sync.json` sidecars from wjs-syncing-multicam.
More skills wjs-localizing-video (MIT) · wjs-burning-subtitles (MIT)