About

Imported from fradser/dotclaude (office/skills/remotion/SKILL.md). Install upstream with npx skills add fradser/dotclaude --skill remotion. Copyright stays with the author.

Remotion Skills

Name: remotion
Author: fradser

This skill is a router for all Remotion video-creation operations. It mirrors the upstream remotion-dev/skills repository. Based on user intent, read the corresponding sub-skill SKILL.md before executing.

Sub-skills are authoritative. The files under each sub-skill directory are upstream content kept verbatim — do not edit them; re-sync from upstream instead. The table below is the index, the sub-skill SKILL.md is the instruction.

Sub-skill Index

Sub-skill	Entry	Use When
New Project	`remotion-create/remotion-create.md`	Scaffold a new Remotion project (`npx create-video`), design a video, start the Studio preview
React Markup	`remotion-markup/remotion-markup.md`	Writing Remotion React markup — the core: animations, media, sequences, timing, fonts, effects, maps, Lottie, DOM measurement, transitions, trimming
Rendering	`remotion-render/remotion-render.md`	Rendering videos and stills (`npx remotion render/still`), transparent videos
Captions	`remotion-captions/remotion-captions.md`	Transcribing, importing SRT, and displaying captions/subtitles
Interactivity	`remotion-interactivity/remotion-interactivity.md`	Making animations editable in Remotion Studio Visual Mode
SaaS / Apps	`remotion-saas/remotion-saas.md`	Building video apps — `<Player>`, rendering on Lambda/Vercel/Cloudflare/Node, client-side rendering, choosing a framework
Mediabunny	`mediabunny/mediabunny.md`	Multimedia handling in the browser — get audio/video duration, get video dimensions

How to route

Identify the user's intent against the Use When column.
If the task spans several domains (e.g. "build a Remotion SaaS that renders captions"), load each relevant sub-skill in the order the task needs them.
Read the sub-skill's entry file (<name>/<name>.md, denested from SKILL.md so sub-skills are not auto-discovered), then follow any references/-style .md files it points to (each sub-skill folder carries its own detail files).
Sub-skills reference each other via relative paths like ../remotion-markup/remotion-markup.md — these resolve within this remotion/ directory.

Notes on cross-references

Some upstream sub-skill files contain links like [Remotion Best Practices](../remotion-best-practices/remotion-best-practices.md). remotion-best-practices/ is a local shim (not an upstream sub-skill) that forwards to this top-level router — treat those links as "go back to the Remotion router" (i.e. this file). All other sibling cross-references (../remotion-markup/remotion-markup.md, ../remotion-captions/remotion-captions.md, etc.) resolve correctly.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/fradser-dotclaude-remotion/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

fradser-dotclaude-remotion.ocm.jsonjson

{
  "ocm": "1",
  "id": "fradser-dotclaude-remotion",
  "kind": "skill",
  "name": "remotion",
  "description": "Programmatic video creation in React with Remotion. Use this skill whenever the user writes Remotion, npx create-video, remotion studio/render/still, useCurrentFrame/interpolate/Sequence, Composition, Mediabunny, or any React-driven video/animation/caption/motion-graphics task — including scaffolding a project, writing markup, rendering/exporting (incl. transparent), adding captions/subtitles, making Studio-editable animations, building a Remotion SaaS (Player/Lambda/Vercel/Cloudflare), or getting media metadata. Do NOT use for ffmpeg-only pipelines, video.js/players, WebRTC live streaming, framer-motion web animation, or After Effects.",
  "publisher": "fradser",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "remotion",
      "video",
      "react",
      "animation",
      "composition",
      "render",
      "captions",
      "saas",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Programmatic video creation in React with Remotion. Use this skill whenever the user writes Remotion, npx create-video, remotion studio/render/still, useCurrentFrame/interpolate/Sequence, Composition, Mediabunny, or any React-driven video/animation/caption/motion-graphics task — including scaffolding a project, writing markup, rendering/exporting (incl. transparent), adding captions/subtitles, making Studio-editable animations, building a Remotion SaaS (Player/Lambda/Vercel/Cloudflare), or getting media metadata. Do NOT use for ffmpeg-only pipelines, video.js/players, WebRTC live streaming, framer-motion web animation, or After Effects."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/fradser/dotclaude",
      "path": "office/skills/remotion/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/fradser/dotclaude/blob/HEAD/office/skills/remotion/SKILL.md",
      "key": "fradser/dotclaude/office/skills/remotion/SKILL.md"
    }
  },
  "instructions": "# Remotion Skills\n\nThis skill is a router for all Remotion video-creation operations. It mirrors the upstream `remotion-dev/skills` repository. Based on user intent, read the corresponding sub-skill `SKILL.md` before executing.\n\n**Sub-skills are authoritative.** The files under each sub-skill directory are upstream content kept verbatim — do not edit them; re-sync from upstream instead. The table below is the index, the sub-skill `SKILL.md` is the instruction.\n\n## Sub-skill Index\n\n| Sub-skill | Entry | Use When |\n|-----------|-------|----------|\n| New Project | [`remotion-create/remotion-creat",
  "cost": {
    "context_tokens": 746
  }
}

Fetch it by URL: GET /api/v1/registry/fradser-dotclaude-remotion/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.