remotion-interactivity

仓库创建 2026年7月27日最近提交 2 天前SkillHot 收录 2 天前

▸ 精选理由

适合开发者写可在 Studio 可视模式下编辑的交互动画。

这个 Skill 做什么

针对 Remotion 中可交互组件的最佳实践与编辑性建议。

给出让 Remotion 动画在 Studio 的 Visual Mode 中既可交互又易编辑的最佳做法。会说明如何把组件设为 interactive、哪些写法会破坏可编辑性（比如避免滥用 object spreads）等细节。适合需要在 Studio 里调试交互或希望后期易于编辑的场景。

▸ 展开 SKILL.md 英文原文

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

开发编程Remotion交互视频动画通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/melonwer/hearsay/main/.agents/skills/remotion-interactivity/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/melonwer/hearsay/main/.agents/skills/remotion-interactivity/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Remotion Interactivity

Use the canonical interactivity best-practices page instead:
[Interactivity best practices](https://www.remotion.dev/docs/studio/interactivity-best-practices.md)

To make an element or custom component interactive, use:
[Make a component interactive](https://www.remotion.dev/docs/studio/make-component-interactive.md)

## Avoid object spreads

Do not use object spreads for interactive props. Write the values inline so the
Studio can detect and edit them.

## Video editing

If a Remotion component mainly consists of video and audio clips, see [Video editing](../remotion-markup/video-editing.md) for best practices on how to structure Remotion markup so the clips are in

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有