motion-canvas
✓Create programmatic vector animations with TypeScript using the Motion Canvas library. Use when building animated explainer videos, tutorials, data visualizations, or presentations with synchronized audio. Triggers on tasks involving motion graphics, animation scenes, code-based video creation, or requests to animate shapes/text/images with precise timing control.
Installation
SKILL.md
TypeScript library for creating animated videos programmatically using generator functions.
Scenes use generator functions - yield pauses to render frames:
Click RENDER in editor UI. Configure in Video Settings tab:
Create programmatic vector animations with TypeScript using the Motion Canvas library. Use when building animated explainer videos, tutorials, data visualizations, or presentations with synchronized audio. Triggers on tasks involving motion graphics, animation scenes, code-based video creation, or requests to animate shapes/text/images with precise timing control. Source: apoorvlathey/motion-canvas-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/apoorvlathey/motion-canvas-skills --skill motion-canvas- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is motion-canvas?
Create programmatic vector animations with TypeScript using the Motion Canvas library. Use when building animated explainer videos, tutorials, data visualizations, or presentations with synchronized audio. Triggers on tasks involving motion graphics, animation scenes, code-based video creation, or requests to animate shapes/text/images with precise timing control. Source: apoorvlathey/motion-canvas-skills.
How do I install motion-canvas?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/apoorvlathey/motion-canvas-skills --skill motion-canvas Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/apoorvlathey/motion-canvas-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01