interactivity-best-practices

Étoiles52 943

Forks3 829

Mis à jour7 juillet 2026 à 06:47

Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

remotion-dev

remotion-dev/remotion

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	interactivity-best-practices
description	Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

Interactivity Best Practices

Use the canonical interactivity best-practices page instead: packages/docs/docs/studio/interactivity-best-practices.mdx

To make an element or custom component interactive, use: packages/docs/docs/studio/make-component-interactive.mdx

Plus depuis ce dépôt

même dépôt

add-effect

remotion-dev/remotion

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.

2026-07-1152.9k

add-sfx

remotion-dev/remotion

Add a new sound effect to @remotion/sfx

2026-07-1152.9k

update-chrome-binaries-test-region

remotion-dev/remotion

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome binaries before full regional rollout.

2026-07-1152.9k

skill-locations

remotion-dev/remotion

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill or packages/skills as a public skill.

2026-07-1052.9k

studio-css-reset

remotion-dev/remotion

Guidance for Remotion Studio UI changes where the global CSS reset affects nested elements. Use when editing packages/studio UI, especially when adding wrapper spans, inline icons, labels, buttons, compact rows, or any nested text whose typography, color, sizing, or truncation must stay stable.

2026-07-0952.9k

studio

remotion-dev/remotion

Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio, or wants the Remotion Studio dev UI available locally.

2026-07-0952.9k

Exécutez n'importe quel Skill en un clic