interactivity-best-practices

Estrelas52.943

Forks3.829

Atualizado7 de julho de 2026 às 06:47

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

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

remotion-dev

remotion-dev/remotion

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores de softwareInformática e Matemática·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

Mais deste repositório

mesmo repositório

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

Execute qualquer Skill com um clique