Generate frame-driven JSX overlay components for Montaj video compositing.
npx skills add https://github.com/theSamPadilla/montaj --skill write-overlay
Please help me install this Agent Skill. Skill: write-overlay Source: https://github.com/theSamPadilla/montaj/tree/main/skills/write-overlay Command: npx skills add https://github.com/theSamPadilla/montaj --skill write-overlay
Enables authors to create precise, frame-accurate JSX overlay components for Montaj projects so overlays animate reliably, compose correctly, and avoid common rendering pitfalls like backdrop-filter caching and lost globals.
Write a default-export React function that uses the injected globals (frame, fps, interpolate, spring, props) to animate large, readable text or icons, save it as overlays/hook.jsx, and add an overlay item to your project's overlay track with the src pointing to that file.
High-intent search queries and answers about installing and using this skill.
You create custom JSX overlays by authoring pure React functions that use injected globals like frame, fps, interpolate, and spring for frame-accurate animation, then add the component file to your video project's overlay track.
Video overlay rendering glitches occur when components use imports, hooks, or side effects. Authoring pure frame-driven functions without imports and splitting background tracks prevents lost globals and backdrop-filter caching issues.
Yes, Google Fonts and asset references are supported in frame-driven React video overlays by preloading them via project configuration, ensuring consistent typography and media rendering across both live preview and final render scenarios.
You animate lower-thirds and CTAs frame-by-frame by writing a default-exported React function that leverages injected interpolate and spring globals for exact timing, saving it as an overlay component file for your video editing workflow.
Limitations of custom JSX video overlay components include strict forbidding of imports, hooks, and side effects, requiring all animation logic to exist within a pure function using injected globals for reliable compositing during final render.
theSamPadillaGenerate time-synced lyric overlays from lyrics_sync data into project.json.
hcnimiExtract frames or thumbnails from video files using ffmpeg.
automatedigitalSynchronize WebGPU and TypeGPU rendering pipelines with HyperFrames timeline playback.
theSamPadillaGenerate custom JSX video overlays from editing prompts and transcripts.
