Video Overlay Kit
About
AI-driven animated b-roll overlay renderer for short-form video. Paste your script into your AI coding tool, the MCP server writes the scene spec and renders an mp4. Free, MIT, local.
Details
- Author
- alichherawalla
- Downloads
- 356
- Categories
- Media, Marketing
Jump to
- Eight track kinds: title-overlay, list-reveal, flow, comparison, hub, icon, text, lottie
- Built on Remotion for timeline and motion primitives, Tabler icons, LottieFiles, Zod (scene spec), and Pydantic (MCP side)
- Exposes three MCP tools: list_icons, validate_scene, render_scene
- No accounts, no per-render cost — free and MIT licensed
- Fully local; your script never leaves your machine unless your AI tool sends it elsewhere
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Video Overlay KitCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Drop Video Overlay Kit into any AI tool that speaks MCP — Claude Code, Cursor, Codex, Cline, OpenCode, etc. Paste your script into the chat, and the model reads it, picks icons from Tabler’s 5000+ set, decides which visual beat fits (flow diagram, comparison, list reveal, etc.), writes a validated scene spec, and renders the MP4. Install by adding the following JSON to your AI tool’s MCP config and running npx -y @alichherawalla/video-overlay-kit.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"video overlay kit": {
"video-overlay-kit": {
"command": "npx",
"args": [
"-y",
"@alichherawalla/video-overlay-kit"
]
}
}
}
}McpServers
{
"video-overlay-kit": {
"command": "npx",
"args": [
"-y",
"@alichherawalla/video-overlay-kit"
]
}
}What it is
VideoOverlayKit renders animated b-roll overlay videos for short-form social. 4-6 second mp4s with real motion: icons that pop in on a cadence, list rows that reveal one by one, flow arrows that draw themselves between nodes, comparison sides that slide in from opposite edges, hub nodes that orbit a centre. Portrait (1080×1920) for LinkedIn, IG Reels, YouTube Shorts, TikTok. Landscape (1920×1080) for YouTube. Components reflow when you flip the aspect. ## How you use it You drop it into whatever AI tool you already use for coding. Claude Code, Cursor, Codex, Cline, OpenCode, anything that speaks MCP. You paste your script for the reel into the chat. The model reads the script, picks the right icons from the 5000+ in Tabler, decides whether a flow diagram or a comparison or a list reveal fits each beat, writes the scene spec, validates it, and renders the mp4. You watch a video come out of plain English. ## What's inside Eight track kinds:title-overlay, list-reveal, flow, comparison, hub, icon, text, lottie.
Stack: Remotion for the timeline and motion primitives, Tabler icons, LottieFiles, Zod for the scene spec, Pydantic on the MCP side.
MCP tools exposed to the model: list_icons, validate_scene, render_scene.
## Install
``json {
"mcpServers": {
"video-overlay-kit": {
"command": "npx",
"args": [
"-y",
"@alichherawalla/video-overlay-kit"
]
}
}
}
``
Add that to your AI tool's MCP config and you're done.
Free, MIT, local
No accounts. No per-render cost. Your script never leaves your machine unless your AI tool sends it somewhere, which is between you and your AI tool.
Links
- GitHub: https://github.com/alichherawalla/video-overlay-kit
- Live preview gallery: https://alichherawalla.github.io/video-overlay-kit/
- npm: https://www.npmjs.com/package/@alichherawalla/video-overlay-kitSign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
