What does remotion-best-practices do?
Best practices for Remotion - Video creation in React
Best practices for Remotion - Video creation in React
remotion-best-practices is a Claude Code agent skill that best practices for Remotion - Video creation in React.
npx skills add https://github.com/remotion-dev/skills/tree/main/skills/remotion-best-practicesBest practices for Remotion - Video creation in React
This repo contains 8 individual skills — each has its own dedicated page.
Multimedia handling with the Mediabunny library
Dealing with captions in Remotion
Creating a new Remotion video
Search and fetch Remotion documentation pages
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Best practices for writing Remotion React Markup
Best practices for rendering videos
Building video apps with Remotion - framework, rendering and Player advice
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.