guanyang/remotion-interactivity
skills/remotion-best-practices/remotion-interactivity/SKILL.md
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
$ install --global
skillsauthnpx skillsauth add guanyang/antigravity-skills remotion-interactivityInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 21, 2026, 2:03 AM111.7s2 files scanned
SKILL.md
- name:
- remotion-interactivity
- description:
- Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
- tags:
- remotion, interactivity, studio, visual mode
Remotion Interactivity
Use the canonical interactivity best-practices page instead: Interactivity best practices
To make an element or custom component interactive, use: Make a component interactive
Video editing
If a Remotion component mainly consists of video and audio clips, see Video editing for best practices on how to structure Remotion markup so the clips are interactively editable in the timeline.
Related Skills
guanyang/claude-api
tools
VerifiedTrustedCommunity
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration. TRIGGER — read BEFORE opening the target file; don't skip because it "looks like a one-liner" — whenever: the prompt names Claude/Anthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing/model choice/limits/caching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent/MCP/tool-definition/multi-agent/RAG/LLM-judge/computer-use; generate/summarize/extract/classify/rewrite/converse over NL; debugging refusals/cutoffs/streaming/tool-calls/tokens). SKIP only when another provider is being worked on (overrides all triggers): OpenAI/GPT/Gemini/Llama/Mistral/Cohere/Ollama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).
935SKILL.mdUpdated Apr 5, 2026
guanyang/remotion-upgrade
data-ai
VerifiedTrustedCommunity
Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.
934SKILL.mdUpdated Jul 21, 2026
guanyang/remotion-docs
documentation
VerifiedTrustedCommunity
Search and fetch Remotion documentation pages
934SKILL.mdUpdated Jul 18, 2026
guanyang/remotion-best-practices
tools
VerifiedTrustedCommunity
Best practices for Remotion
934SKILL.mdUpdated Jul 14, 2026