SkillsMar 29, 2026·1 min read

Remotion Rule: Sfx

Remotion skill rule: Including sound effects. Part of the official Remotion Agent Skill for programmatic video in React.

TO
TokRepo精选 · Community
Quick Use

Use it first, then decide how deep to go

This block should tell both the user and the agent what to copy, install, and apply first.

npx skills add remotion-dev/skills

This rule activates automatically when working with sfx in a Remotion project.


Intro

Including sound effects. Part of the Remotion AI Skill — the official Agent Skill for programmatic video creation in React.

Best for: Developers using Remotion for sfx Works with: Claude Code, OpenAI Codex, Cursor


Rule Content

To include a sound effect, use the <Audio> tag:

import { Audio } from "@remotion/sfx";

<Audio src={"https://remotion.media/whoosh.wav"} />;

The following sound effects are available:

  • https://remotion.media/whoosh.wav
  • https://remotion.media/whip.wav
  • https://remotion.media/page-turn.wav
  • https://remotion.media/switch.wav
  • https://remotion.media/mouse-click.wav
  • https://remotion.media/shutter-modern.wav
  • https://remotion.media/shutter-old.wav
  • https://remotion.media/ding.wav
  • https://remotion.media/bruh.wav
  • https://remotion.media/vine-boom.wav
  • https://remotion.media/windows-xp-error.wav

For more sound effects, search the internet. A good resource is https://github.com/kapishdima/soundcn/tree/main/assets.


🙏

Source & Thanks

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

Part of the Remotion AI Skill collection on TokRepo.

Related Assets