interactivity-best-practices

Sterne52.943

Forks3.829

Aktualisiert7. Juli 2026 um 06:47

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

remotion-dev

remotion-dev/remotion

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·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

Mehr aus diesem Repository

gleiches Repository

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

Jeden Skill mit einem Klick ausführen