SWSkillsWay.ai
View Repo ↗
Skillset · / remotion-dev / skills

remotion-devremotion-dev/skills

PurposeAn internal Agent Skills package for Remotion, containing 10 skills covering project creation, upgrade, rendering, multimedia, docs, and best practices for captions, markup, interactivity, and SaaS. It provides modular, context-driven assistance to agents working with Remotion video projects, with no external documentation and automatic skill loading based on task context.
Skill Count
10
Required CLI
create-videoremotion
Domains
Coding
Forms
Cli ManualStyle GuideWorkflow
Skillset Analysis

Core Idea

Principles & Methodology

The author's design philosophy, what sets this apart from peer projects, and quick notes on the key workflows. Skill names mentioned in the text auto-link to their detail pages.

Core Idea

This skillset is an internal collection of Remotion-related agent skills for video creation, rendering, and documentation workflows.

Modules

  • Creation & Upgrade: remotion-create, remotion-upgrade scaffold and update projects.
  • Media & Render: mediabunny, remotion-render handle multimedia and output.
  • Quality & Docs: remotion-best-practices, remotion-docs, remotion-markup, remotion-interactivity, remotion-captions, remotion-saas guide code quality and integration.

Usage

Skills are invoked by agent context as needed; no user manual trigger documented (internal package, no README guidance).

SkillsWay.ai · Heads-Up Agent Skills InspectorUnderstand Agent Skills before you install.

Skill Relationships

Usage Relationships Between Skills

Skill → Skill usage relationships, with cross-layer references. Same color blocks indicate the same skill form.

Relationship Count
15
Standalone Skills
0
Most Referencing
  • remotion-best-practices9 downstream skills
  • remotion-create3 downstream skills
Most Referenced
  • remotion-markup3 upstream skills
  • remotion-best-practices2 upstream skills

Note: Each dependency line reads as "the current Skill depends on" the Skill it points to.

Skill Composition

How skills in this set are triggered

Each skill is designed for a specific kind of caller — some only fire when you name them, others load automatically when the model judges them relevant. The split below summarises both modes at a glance.

User-Invoked0

These skills only fire when you call them by name. The agent will not load them on its own — they stay inert until invoked.

No skill in this set is recommended for manual invocation.

Model-Invoked10

These skills are loaded automatically by the agent when it judges the context relevant. You usually don't need to call them yourself.

mediabunnyremotion-best-practicesremotion-captionsremotion-createremotion-docsremotion-interactivityremotion-markupremotion-renderremotion-saasremotion-upgrade

Skill List

10 Skills · Filter by name or domain

mediabunny

A coding skill for handling multimedia via the Mediabunny library in browser/Node.js. It provides guides to get audio duration, video dimensions, and video duration. Value: quick programmatic metadata extraction for media workflows.

→
Domain
Coding
Form
Cli Manual
Location
skills/mediabunny/SKILL.md

remotion-best-practices

A central best-practices skill for Remotion that routes tasks to specialized sub-skills (create, markup, render, captions, SaaS, docs, upgrade, interactivity, mediabunny). It provides indexed guidance and reference docs, helping agents write correct, maintainable Remotion video code and avoid common pitfalls.

→
Domain
Coding
Form
Style Guide
Location
skills/remotion-best-practices/SKILL.md

remotion-captions

A Remotion skill for handling captions in videos. It standardizes the Caption JSON type, and via sub-guides covers transcribing audio/video, displaying subtitles, and importing .srt files. Value: type-safe, consistent caption workflows for React video projects.

→
Domain
Coding
Form
Style Guide
Location
skills/remotion-captions/SKILL.md

remotion-create

Guides creation of a new Remotion video: scaffold project via CLI, add React Markup per best practices, enable Studio edits, and start preview. Outputs a runnable, editable video project ready for rendering.

→
Domain
Coding
Form
Workflow
Location
skills/remotion-create/SKILL.md

remotion-docs

Searches and fetches current Remotion documentation via Algolia API and .md URLs. Key method: query Algolia, pick URLs, fetch Markdown. Value: provides up-to-date API info to build accurate Remotion videos.

→
Domain
Coding
Form
Workflow
Location
skills/remotion-docs/SKILL.md

remotion-interactivity

Provides best practices for writing Remotion animations that remain intuitive for agents and editable in Remotion Studio Visual Mode. Key methods: link to canonical interactivity docs, use make-component-interactive, follow video-editing markup. Value: enables agent-friendly, visually editable animations.

→
Domain
Coding
Form
Style Guide
Location
skills/remotion-interactivity/SKILL.md

remotion-markup

Best-practice guide for writing Remotion React Markup using useCurrentFrame/interpolate, Interactive wrappers and staticFile assets. Produces Studio-editable, correctly rendering animation code with linked sub-topics for effects, maps and captions.

→
Domain
Coding
Form
Style Guide
Location
skills/remotion-markup/SKILL.md

remotion-render

Provides best practices for rendering Remotion videos and stills via the Remotion CLI. Key methods: `npx remotion render` and `npx remotion still`, with docs links and transparent video guidance. Value: correct, efficient rendering output from Remotion projects.

→
Domain
Coding
Form
Cli Manual
Location
skills/remotion-render/SKILL.md

remotion-saas

A skill for building video apps with Remotion, covering framework/template selection, Player embedding, and rendering options (Lambda, Vercel, Node.js, Cloudflare). It helps developers architect video SaaS apps and embed previews, delivering structured guidance via linked docs for efficient app development.

→
Domain
Coding
Form
Workflow
Location
skills/remotion-saas/SKILL.md

remotion-upgrade

Upgrades Remotion and related packages, compatible Mediabunny versions, and installed Remotion Agent Skills in a project. Inspects manifests, uses `npx remotion upgrade` or manual version alignment, updates skills via CLI, and verifies consistency. Delivers a uniformly versioned, compatible, and up-to-date Remotion project.

→
Domain
Coding
Form
Workflow
Location
skills/remotion-upgrade/SKILL.md

Showing 10 / 10

Installation

One command to install the entire Skillset.

Copy and run in your terminal to add remotion-dev/skills to your Agent environment.

$npx skills add remotion-dev/skills