How do I install the Video Loop skill?

Run npx skillmds@latest add tomevault-io/video-loop in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Video Loop safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Video Loop?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Video Loop free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Video Loop?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Video Loop by tomevault-io — Agent Skill

Name: Video Loop
Author: tomevault-io

Video Loop

Create seamless infinite loops from video clips using forward-reverse-crossfade technique. Perfect for hero backgrounds, ambient loops, and any video that needs to play continuously without visible jumps. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

Video Loop Skill

Transform any video into a mathematically seamless infinite loop. Uses the forward-reverse-crossfade technique to eliminate the jarring "jump" when videos restart.

How It Works

Takes the original video
Creates a reversed copy
Crossfades the end of the original into the start of the reversed
Crossfades the end of the reversed back to match the original start
Result: A video that flows forward, then backward, creating perfect continuity

Prerequisites

Requires ffmpeg installed:

brew install ffmpeg

Usage

Run the script with input video and output path:

./scripts/create-loop.sh input.mp4 output-loop.mp4

Options

./scripts/create-loop.sh input.mp4 output.mp4 [crossfade_duration]

input.mp4 - Source video file
output.mp4 - Output seamless loop file
crossfade_duration - Optional, default 0.5 seconds (range: 0.25-2.0)

Examples

# Basic usage - 0.5s crossfade (default)
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4

# Longer crossfade for smoother transition
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4 1.0

# Quick crossfade for faster-paced content
./scripts/create-loop.sh product-spin.mp4 product-loop.mp4 0.25

Output

The output video will be approximately (2 * input_duration) - (2 * crossfade_duration) in length.

Example: 6 second input with 0.5s crossfade = ~11 second seamless loop

HTML Implementation

Use the seamless loop in your hero section:

<video
  autoplay
  muted
  loop
  playsinline
  class="hero-background"
>
  <source src="hero-loop.mp4" type="video/mp4">
</video>

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

When to Use

Hero backgrounds - Ambient motion behind text/CTAs
Product showcases - Rotating/floating products
Ambient loops - Atmospheric content for displays
Loading states - Smooth visual feedback

Tips

Shorter crossfades (0.25-0.5s) work better for videos with subtle motion
Longer crossfades (0.75-1.5s) smooth out videos with more dynamic movement
Videos with symmetrical or abstract content loop most naturally
Avoid videos with directional motion (walking, scrolling text) - they look odd reversed

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: video-loopdescription: Create seamless infinite loops from video clips using forward-reverse-crossfade technique. Perfect for hero backgrounds, ambient loops, and any video that needs to play continuously without visible jumps. Use when this capability is needed.---# Video Loop SkillTransform any video into a mathematically seamless infinite loop. Uses the forward-reverse-crossfade technique to eliminate the jarring "jump" when videos restart.## How It Works1. Takes the original video2. Creates a reversed copy3. Crossfades the end of the original into the start of the reversed4. Crossfades the end of the reversed back to match the original start5. Result: A video that flows forward, then backward, creating perfect continuity## PrerequisitesRequires `ffmpeg` installed:```bashbrew install ffmpeg```## UsageRun the script with input video and output path:```bash./scripts/create-loop.sh input.mp4 output-loop.mp4```### Options```bash./scripts/create-loop.sh input.mp4 output.mp4 [crossfade_duration]```- `input.mp4` - Source video file- `output.mp4` - Output seamless loop file- `crossfade_duration` - Optional, default 0.5 seconds (range: 0.25-2.0)### Examples```bash# Basic usage - 0.5s crossfade (default)./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4# Longer crossfade for smoother transition./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4 1.0# Quick crossfade for faster-paced content./scripts/create-loop.sh product-spin.mp4 product-loop.mp4 0.25```## OutputThe output video will be approximately `(2 * input_duration) - (2 * crossfade_duration)` in length.Example: 6 second input with 0.5s crossfade = ~11 second seamless loop## HTML ImplementationUse the seamless loop in your hero section:```html<video autoplay muted loop playsinline class="hero-background"> <source src="hero-loop.mp4" type="video/mp4"></video>``````css.hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}```## When to Use- **Hero backgrounds** - Ambient motion behind text/CTAs- **Product showcases** - Rotating/floating products- **Ambient loops** - Atmospheric content for displays- **Loading states** - Smooth visual feedback## Tips- **Shorter crossfades (0.25-0.5s)** work better for videos with subtle motion- **Longer crossfades (0.75-1.5s)** smooth out videos with more dynamic movement- Videos with symmetrical or abstract content loop most naturally- Avoid videos with directional motion (walking, scrolling text) - they look odd reversed---> Converted and distributed by [TomeVault](https://tomevault.io/claim/kdowswell) — claim your Tome and manage your conversions.

Frequently asked questions