interactivity-best-practices

Estrellas52.943

Forks3829

Actualizado7 de julio de 2026, 06:47

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

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

remotion-dev

remotion-dev/remotion

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·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

Más de este repositorio

mismo repositorio

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

Ejecuta cualquier Skill con un clic