remotion-best-practices SKILL.md skillA

remotion-best-practices from canvascoding/canvas-notebook is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add canvascoding/canvas-notebook/remotion-best-practices@git:20260616.de8c0db

Pins git:20260616.de8c0db in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
canvascoding/canvas-notebook
Path
seed_skills/remotion-best-practices/SKILL.md
Versions recorded
1
Latest version
git:20260616.de8c0db, committed Jun 16, 2026
Size
3,303 bytes
Repository stars
12
License
a license file GitHub does not identify

Use this Canvas-owned clean-room skill when working with Remotion or React-based video generation. Trigger for Remotion projects, compositions, sequences, frame-based animation, rendering, captions, audio, video assets, templates, and debugging programmatic video output.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Remotion Best Practices

This skill guides Remotion work in Canvas Notebook. It is a clean-room Canvas
skill; do not copy vendor skill material, hidden prompts, or proprietary rule
packs into this folder.

## Core Contract

- Use Remotion's frame-based model for animation. Avoid CSS animations and
  transitions for timeline-critical motion because renders must be deterministic
  by frame.
- Keep compositions editable React components. Avoid baking the whole video into
  a single prerendered asset unless the user asks for that.
- Put local media in the project's public asset path and reference it through
  Remotion-compatible asset helpers.
- Make dimensions, FPS, duration, and default props explicit in composition
  registration.
- Verify representative frames or short renders before delivering meaningful
  video changes.

## Workflow

1. Inspect the project: package scripts, Remotion version, composition registry,
   asset folders, styling system, and render command.
2. Choose the task mode: new composition, targeted edit, asset integration,
   captions/subtitles, audio/video timing, render debugging, or export.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add canvascoding/canvas-notebook/remotion-best-practices@sha256:0863265faa8bfedd

The line at the top of this page pins the label git:20260616.de8c0db, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_2csuzajglheonodx.svg)](https://markdownregistry.com/a/art_2csuzajglheonodx)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 16, 2026.

versioncommittedcommitsizeaudit
git:20260616.de8c0db latest2026-06-16 de8c0db 3,303 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (3303 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

canvascoding/canvas-notebook · 12 stars · license a license file GitHub does not identify · pushed 2026-11-02 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_2csuzajglheonodx
GET https://markdownregistry.com/api/v1/resolve?ref=canvascoding/canvas-notebook/remotion-best-practices
GET https://markdownregistry.com/api/v1/blob/0863265faa8bfeddf35adc35504b3e46ae7f58d8f96ec893e80858460a910ab7

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from canvascoding/canvas-notebook

opensrc SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/SKILL.md · Fetch dependency source code to give AI agents deeper implementation context. Use when the agent needs to understand…
git:20260415.c9cbc93 · audit A · 12 stars
gitnexus-cli SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-cli/SKILL.md · Use when the user needs to run GitNexus CLI commands like analyze/index a repo, check status, clean the index, generate…
git:20260827.0c0ca99 · audit A · 12 stars
gitnexus-debugging SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-debugging/SKILL.md · Use when the user is debugging a bug, tracing an error, or asking why something fails. Examples: "Why is X failing?"…
git:20260827.0c0ca99 · audit A · 12 stars
gitnexus-exploring SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-exploring/SKILL.md · Use when the user asks how code works, wants to understand architecture, trace execution flows, or explore unfamiliar…
git:20260827.0c0ca99 · audit A · 12 stars
gitnexus-guide SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-guide/SKILL.md · Use when the user asks about GitNexus itself — available tools, how to query the knowledge graph, MCP resources, graph…
git:20260827.0c0ca99 · audit A · 12 stars
gitnexus-impact-analysis SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-impact-analysis/SKILL.md · Use when the user wants to know what will break if they change something, or needs safety analysis before editing code…
git:20260827.0c0ca99 · audit A · 12 stars
gitnexus-refactoring SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/gitnexus/gitnexus-refactoring/SKILL.md · Use when the user wants to rename, extract, split, move, or restructure code safely. Examples: "Rename this function"…
git:20260827.0c0ca99 · audit A · 12 stars
greploop SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/greploop/SKILL.md · Iteratively improves a PR (GitHub), MR (GitLab), or shelved changelist (Perforce) until it reaches the repository's…
v1.5 · audit A · 12 stars
release-publisher SKILL.md skill
canvascoding/canvas-notebook · .claude/skills/release-publisher/SKILL.md · Publish a new Canvas Notebook release. Use this skill whenever the user asks to bump a version, prepare release notes…
v1.0 · audit A · 12 stars
AGENTS.md AGENTS.md file
canvascoding/canvas-notebook · AGENTS.md
git:20261025.625ebbd · audit A · 12 stars
CLAUDE.md CLAUDE.md file
canvascoding/canvas-notebook · CLAUDE.md
git:20260829.1fff868 · audit A · 12 stars
plugin-visual SKILL.md skill
canvascoding/canvas-notebook · seed_plugins/plugin-creator/skills/plugin-visual/SKILL.md · Create the compact purpose SVG for a Canvas plugin during authoring, including passive markup, package-local references…
v1.0.0 · audit A · 12 stars

Every file in canvascoding/canvas-notebook

Other files named remotion-best-practices

remotion-best-practices SKILL.md skill
asymmetric-al/core · .agents/skills/remotion-best-practices/SKILL.md · Best practices for Remotion - Video creation in React
git:20260218.048cbae · audit A · 373 stars
remotion-best-practices SKILL.md skill
letta-ai/skills · tools/remotion/SKILL.md · Best practices for Remotion - Video creation in React
git:20260422.d32735f · audit A · 152 stars
remotion-best-practices SKILL.md skill
exboys/skilllite · .skills/remotion-best-practices/SKILL.md · Best practices for Remotion - Video creation in React
git:20260311.274b8ba · audit A · 151 stars
remotion-best-practices SKILL.md skill
walidboulanouar/ay-skills · skills/remotion/SKILL.md · Create and edit Remotion videos with domain-specific knowledge. TRIGGERS - Use this skill when: - User mentions…
git:20260310.767fb54 · audit A · 93 stars
remotion-best-practices SKILL.md skill
anton-abyzov/vskill · skills/remotion-best-practices/SKILL.md · Best practices for Remotion video creation in React — scaffolding, compositions, animations, transitions — PLUS…
v1.1.0 · audit A · 48 stars
remotion-best-practices SKILL.md skill
quriosity-agent/qcut · qcut/.agents/skills/remotion-best-practices/SKILL.md · Best practices for Remotion - Video creation in React
git:20260404.accc35a · audit A · 43 stars
remotion-best-practices SKILL.md skill
moizibnyousaf/marketing-cli · skills/remotion-best-practices/SKILL.md · Programmatic React video best practices for Remotion. Use this skill whenever the user is writing, debugging, or…
v1.0.0 · audit A · 33 stars
remotion-best-practices SKILL.md skill
sunflowerslwtech/sunkit · plugins/searchpo/.claude/skills/remotion-best-practices/SKILL.md · Remotion video composition best practices for searchpo. Use when editing src/ components, configuring rendering…
v1.2.0 · audit A · 13 stars

Browse by kind, by grade A, or by owner.