shadcn-labs/snapcn
interactivity-best-practices
Best practices for writing Remotion animations that stay intuitive for coding agents and remain editable in Remotion Studio Visual Mode — keeping values literal and inline where the Studio can find them, rather than hidden behind indirection. Use when writing or refactoring a Remotion composition, or when an animation is correct in code but not editable in the Studio. Triggers - Remotion Studio, Visual Mode, editable animation, interpolate, spring, composition props.
Installation
npx skills add https://github.com/shadcn-labs/snapcn
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Structure Remotion markup for interactivity
3.9K installsUse when building or debugging WordPress Interactivity API features (data-wp-* directives, @wor…
29 installsBest practices for writing Remotion animations that stay intuitive for agents and editable in R…
406 installsUse when building or debugging WordPress Interactivity API features (data-wp-* directives, @wor…
264 installsBest practices for writing Remotion animations that stay intuitive for agents and editable in R…
209 installsEvent-driven interactivity for Decentraland entities. Covers pointerEventsSystem, proximity eve…
1 installsAlso in this package
Other skills from shadcn-labs/snapcn · top by installs.
npx skills add shadcn-labs/snapcn
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.