SkillsMar 29, 2026·2 min read

Remotion Rule: Light Leaks

Remotion skill rule: Light leak overlay effects for Remotion using @remotion/light-leaks.. Part of the official Remotion Agent Skill for programmatic video in React.

TL;DR
A Remotion skill rule that adds light leak overlay effects to programmatic React videos using the @remotion/light-leaks package.
§01

What it is

This is a Remotion skill rule that enables light leak overlay effects in programmatic video projects. Light leaks are photographic effects that simulate light bleeding into the camera lens, adding a warm, organic feel to video. This rule integrates the @remotion/light-leaks package into your Remotion project, making it available to AI agents and developers building videos in React.

The rule targets Remotion users creating promotional videos, intros, transitions, and any video content that benefits from cinematic light effects. It activates automatically when working with light leaks in a Remotion project.

§02

How it saves time or tokens

Without this rule, implementing light leak effects requires researching the @remotion/light-leaks API, configuring overlay timing, and handling compositing. The skill rule encapsulates the correct usage patterns so AI agents can add light leaks with minimal prompting. Install once and the agent knows how to apply effects correctly.

§03

How to use

  1. Install the Remotion skills: npx skills add remotion-dev/skills.
  2. The light leaks rule activates automatically when your project uses Remotion.
  3. Ask your AI agent to add light leak effects to specific compositions.
§04

Example

# Install Remotion skills (includes light leaks rule)
npx skills add remotion-dev/skills
import { LightLeak } from '@remotion/light-leaks';
import { AbsoluteFill, Sequence } from 'remotion';

export const MyComposition = () => {
  return (
    <AbsoluteFill>
      {/* Main content */}
      <Sequence from={0}>
        <MyContent />
      </Sequence>
      {/* Light leak overlay */}
      <Sequence from={10} durationInFrames={30}>
        <LightLeak style='warm' opacity={0.6} />
      </Sequence>
    </AbsoluteFill>
  );
};
§05

Related on TokRepo

§06

Common pitfalls

  • Light leaks are overlay effects. They render on top of existing content. Set opacity carefully to avoid washing out the underlying video.
  • The @remotion/light-leaks package must be installed as a project dependency separately from the skill rule.
  • Overusing light leaks makes videos look amateurish. Use them sparingly on transitions or accent moments, not throughout the entire video.

Frequently Asked Questions

What are light leaks in video production?+

Light leaks are visual effects that simulate light bleeding into a camera lens. They create warm, colorful streaks or glows that add a cinematic, organic quality to video. Originally an analog film artifact, they are now used deliberately as a stylistic choice.

Do I need Remotion to use this?+

Yes. This is a Remotion-specific skill rule. It works within the Remotion framework for programmatic video creation in React. You need a Remotion project set up to use light leak effects.

Can I customize the light leak appearance?+

Yes. The @remotion/light-leaks package supports different styles, opacity levels, timing, and color temperatures. You control when and how the effect appears through Remotion's Sequence and composition system.

Does this work with Claude Code?+

Yes. The skill rule is installed via the Remotion skills package and integrates with Claude Code's skill system. When you ask Claude Code to add light leaks to a Remotion video, it uses this rule for correct implementation.

What video formats can Remotion export?+

Remotion exports to MP4, WebM, GIF, and image sequences. The light leak effects render as part of the composition and are included in all export formats.

Citations (3)
🙏

Source & Thanks

Created by Remotion. Licensed under MIT. remotion-dev/skills — Rule: light-leaks

Part of the Remotion AI Skill collection on TokRepo.

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.