用途：本技能面向使用 Motion Canvas 进行程序化视频创作，提供从零搭建项目、配置与排错的完整流程。
主要能力：用 TypeScript 和生成器函数（function* 与 yield*）描述动画；借助信号（Signals）建立响应式依赖；基于 Canvas API 渲染矢量图形；支持动画与配音音频同步；提供 Vite 驱动的实时预览编辑器；支持文本、形状与自定义组件的动画，以及流程控制实现程序化动画和图表可视化。
使用方式：初始化项目并设置 package.json 的 "type": "module"；安装依赖 npm install --save-dev @motion-canvas/core @motion-canvas/2d @motion-canvas/vite-plugin @motion-canvas/ui vite typescript；创建 vite.config.js 时必须用 createRequire 绕过 CommonJS 问题：import {createRequire} from 'module'; const require = createRequire(import.meta.url); const motionCanvasModule = require('@motion-canvas/vite-plugin'); const motionCanvas = motionCanvasModule.default || motionCanvasModule;。tsconfig.json 需含 esModuleInterop 与 allowSyntheticDefaultImports，jsxImportSource 设为 @motion-canvas/2d/lib；场景导入需带 ?scene 后缀；用 npm run dev 启动开发服务器并在浏览器查看编辑器。
适用场景：教学与讲解视频、信息图表、技术演示等需要精确同步与可复用代码的动画制作。
限制：@motion-canvas/vite-plugin 为 CommonJS，标准 ESM import 不可用，必须使用上述绕过方案；需安装 @motion-canvas/ui，否则插件报错；应使用 vite.config.js 而非 .ts；Vite Node API 的 CJS 弃用警告可忽略。更深入的场景、音频同步等内容官方资料未在本文展开，暂未提供。