{
  "ocm": "1",
  "id": "fabianrg1990-landing-pages-ws-remotion-interactivity",
  "kind": "skill",
  "name": "remotion-interactivity",
  "description": "Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.",
  "publisher": "FabianRG1990",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "remotion",
      "interactivity",
      "studio",
      "visual",
      "mode",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/FabianRG1990/landing-pages-ws",
      "path": "remotion/.continue/skills/remotion-interactivity/SKILL.md",
      "ref": "3ac0f39ea5a91ce20ef191a4561e51cb3796494e",
      "url": "https://github.com/FabianRG1990/landing-pages-ws/blob/3ac0f39ea5a91ce20ef191a4561e51cb3796494e/remotion/.continue/skills/remotion-interactivity/SKILL.md",
      "key": "FabianRG1990/landing-pages-ws/remotion/.continue/skills/remotion-interactivity/SKILL.md"
    }
  },
  "instructions": "# Remotion Interactivity\n\nUse the canonical interactivity best-practices page instead:\n[Interactivity best practices](https://www.remotion.dev/docs/studio/interactivity-best-practices.md)\n\nTo make an element or custom component interactive, use:\n[Make a component interactive](https://www.remotion.dev/docs/studio/make-component-interactive.md)\n\n## Video editing\n\nIf 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 interactively editable in the timeline.",
  "cost": {
    "context_tokens": 149
  }
}