Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
remotion-interactivity is a Claude Code agent skill that best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
npx skills add https://github.com/remotion-dev/skills/tree/main/skills/remotion-best-practices/remotion-interactivityInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Use the canonical interactivity best-practices page instead: Interactivity best practices
To make an element or custom component interactive, use: Make a component interactive
If a Remotion component mainly consists of video and audio clips, see Video editing for best practices on how to structure Remotion markup so the clips are interactively editable in the timeline.
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
Best practices for Remotion - Video creation in React
Search and fetch Remotion documentation pages
Best practices for writing Remotion React Markup
Best practices for rendering videos
Building video apps with Remotion - framework, rendering and Player advice
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.