---
title: "Motion Canvas Skills by VideoZero — tools & renderers tutorial and best practices for AI video"
description: "Motion Canvas for agents: a full framework reference, an editor-control plugin for seek and screenshots, timing basics. Install in Claude Code, Codex and Grok with one command."
url: https://varg.ai/how-to/skills/motion-canvas-videozero
updated: 2026-11-11
---

# Motion Canvas Skills by VideoZero — guide skill for tools & renderers

> **For AI agents:** find the right skill in one call — `curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"` returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the how-to page. From a terminal: `curl -fsSL https://varg.ai/install | sh` installs the vargai CLI (https://varg.ai/how-to/cli.md): `vargai search` and `vargai install <slug>` with no key, every varg model after `vargai login`.

Motion Canvas for agents: a full framework reference, an editor-control plugin for seek and screenshots, timing basics.

- **Type:** [Guide](https://varg.ai/how-to/guides.md) · [Tools & renderers](https://varg.ai/how-to/browse/skills/tooling.md)
- **Slug:** `motion-canvas-videozero`
- **Status:** live
- **Publisher:** VideoZero (community)
- **License:** Apache-2.0
- **Source:** https://github.com/VideoZero/skills
- **Works in:** Claude Code
- **Cost:** Free, Apache-2.0: renders locally
- **Adoption:** 1,157 installs, 77 GitHub stars (skills.sh (3 skills summed), 2026-11-10)

## What it does

Three skills for building videos with Motion Canvas, the TypeScript animation library behind many code explainers. `motion-canvas` is a framework reference (generators, signals, refs, layout, shapes, paths, text, LaTeX, media, camera, transitions, filters, gradients) with 18 topic docs; `motion-canvas-agent` adds a Vite plugin and client so the agent can seek, screenshot, inspect the scene graph, change settings and render a running editor; `animation-basics` covers the 12 principles of animation and timing. The catalog had no Motion Canvas card before this one.

## Use when

- build or edit Motion Canvas scenes: shapes, text, LaTeX, layout, camera, transitions
- let the agent seek, screenshot and inspect a running Motion Canvas editor
- render a Motion Canvas project from an agent
- apply the 12 principles of animation to timing and easing

## Not for

- Remotion or HyperFrames projects: use their own skills
- Live-action editing

## Install

- Claude Code: `npx skills add videozero/skills`
- Any agent, with the vargai CLI: `vargai install motion-canvas-videozero`

## More tools & renderers skills

- [varg AI](https://varg.ai/how-to/skills/varg-ai.md): The official varg skill: videos, images, speech and music through one API key, rendered in the cloud or locally.
- [Local-first video downloader: private, no subscription](https://varg.ai/how-to/skills/media-download.md): Save any video by link (X, YouTube, Instagram, TikTok, 1800+ sites) or Pinterest images as references, locally, no key.
- [Templates Gallery Ops](https://varg.ai/how-to/skills/varg-templates-section.md): Internal runbook for the varg app Templates gallery: publish renders, preview clips, frame-0 posters, shelves.
- [Turn your agent skill into a varg how to listing](https://varg.ai/how-to/skills/varg-publish-skill.md): Publish your agent skill to varg how to in the one card format: checked, shown to you, sent for review.
- [Keep a Video Project in GitHub](https://varg.ai/how-to/skills/video-project-github.md): A private GitHub repo for your AI video, even if you never used git: saved versions, undo for anything, big files handled, keys kept out.
- [HyperFrames CLI](https://varg.ai/how-to/skills/hyperframes-cli.md): Drive the HyperFrames CLI: scaffold, check, preview, snapshot, edit the timeline, render locally or in the cloud.