Frame-Accurate Square Launch Clips in Remotion — workflow skill for launch videos
For AI agents: find the right skill in one call —
curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the how-to page. From a terminal:curl -fsSL https://varg.ai/install | shinstalls the vargai CLI (https://varg.ai/how-to/cli.md):vargai searchandvargai install <slug>with no key, every varg model aftervargai login.
Turn real product screens into a 20 s 1080x1080 launch clip in Remotion, built in gated stages with every event pinned to a frame number.
- Type: Workflow · Launch videos
- Slug:
frame-accurate-launch-clip-remotion - Status: live
- Publisher: JuniverseLi (community)
- Source: https://github.com/JuniverseLi/motion-studio-skill/tree/main/motion-design-studio
- Works in: Claude Code
What it does
Seven gated steps: measure a reference clip in frames with ffmpeg, write a BRIEF.md that pins every coordinate, colour and event frame, build only frames 0-119 and stop for review, check key stills, fix each defect with a four-field prompt (Location, Observed, Change, What stays fixed), place click and hit sounds on the visible press and reveal frames, export and confirm with ffprobe. Each shot follows start state, cursor to action, press, reveal, readable hold. Also maps 20 open-source repos (Penpot, Lottie, GSAP, Three.js, R3F) to the stage where each helps.
Use when
- Make a 20-second 1080x1080 launch clip from product screens
- Make a short feature demo video with a coding agent
- Fix a motion defect at a specific frame
- Pick open-source libraries for design, 3D or export in a Remotion pipeline
Install
- Claude Code:
mkdir -p ~/.claude/skills/motion-design-studio && curl -o ~/.claude/skills/motion-design-studio/SKILL.md https://raw.githubusercontent.com/JuniverseLi/motion-studio-skill/main/motion-design-studio/SKILL.md - Any agent, with the vargai CLI:
vargai install frame-accurate-launch-clip-remotion
Example output
https://github.com/JuniverseLi/motion-studio-skill/raw/main/assets/launch.gif — example (credit: JuniverseLi)
More launch videos skills
- Orbit Card: A single feature card orbits a dot sphere on a Blender-made camera move: a 10-second product beat.
- Higgsfield Academy (Higgsfield Open-Source Promo): Higgsfield's 64 s promo for Higgsfield Academy, made almost entirely with Seedance 2.0.
- Seed Audio 1.0 Launch (Higgsfield Open-Source Video): Higgsfield's 106 s launch video for Seed Audio 1.0 (voice cloning, cinematic sound): bold motion design, comedic tone.
- HeyGen's Real Launch Videos as HyperFrames Source: 20 HeyGen product launch videos as editable HyperFrames HTML compositions, each with its storyboard, assets and render command.
- Onetake: Launch films that never cut to the next slide: one continuous camera, measured moves, motion blur, a slideshow oracle.
- Guizang Product Video: Software promos and release-notes videos built from your real product components, with original music and SFX.
Run the generation on varg
varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.
- Any agent with a terminal:
curl -fsSL https://varg.ai/install | sh(Windows:irm https://varg.ai/install.ps1 | iex), thenvargai loginand every model is a command —vargai generate_video …,vargai estimate_cost …(https://varg.ai/how-to/cli/) - Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Grok and any agent that reads SKILL.md:
npx skills add vargHQ/skills --skill varg-ai, or point it at the skill's SKILL.md - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt