Remotion
技能 已验证 活跃Remotion 专用模式 — 自定义过渡、共享组件和项目约定。有关核心 Remotion 框架知识（hooks、动画、渲染等），请参阅 `remotion-official` skill。
为开发人员提供专门的 Remotion 组件和过渡效果，以增强视频创作工作流程，超越核心框架的功能。
功能
- 自定义 Remotion 过渡库
- 可重用的视频组件
- 项目约定和最佳实践
- 详细的 API 参考
使用场景
- 为 Remotion 视频创建自定义场景过渡
- 集成预构建的视频组件，如动画背景和标签
- 遵循 Remotion 开发既定的项目约定
- 通过高级动画技术增强视频美感
非目标
- 教授核心 Remotion 框架概念
- 提供通用的视频编辑工具
- 处理低级视频渲染基础架构
安装
npx skills add digitalsamba/claude-code-video-toolkit通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Video
100When the user wants to create, generate, or produce video content using AI tools or programmatic frameworks. Also use when the user mentions 'video production,' 'AI video,' 'Remotion,' 'Hyperframes,' 'HeyGen,' 'Synthesia,' 'Veo,' 'Runway,' 'Kling,' 'Pika,' 'video generation,' 'AI avatar,' 'talking head video,' 'programmatic video,' 'video template,' 'explainer video,' 'product demo video,' 'video pipeline,' or 'make me a video.' Use this for video creation, generation, and production workflows. For video content strategy and what to post, see social-content. For paid video ad creative, see ad-creative.
Remotion Render
99Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
Ffmpeg
99使用 FFmpeg 进行视频和音频处理。用于格式转换、调整大小、压缩、音频提取以及为 Remotion 准备素材。触发器包括将 GIF 转换为 MP4、调整视频大小、提取音频、压缩文件或任何媒体转换任务。
Hand Drawn Diagrams
100创建手绘 Excalidraw 图表、流程图、说明图、线框图和页面模型。默认输出单色草图；当用户明确需要类似网页的保真度时，才允许为页面模型使用受限的颜色。
Baseline Ui
100在 Tailwind CSS 项目中验证动画持续时间，强制执行排版比例，检查组件可访问性，并防止布局反模式。适用于构建 UI 组件、审查 CSS 工具类、 styling React 视图或强制执行设计一致性。
Gsap Utils
100官方 GSAP gsap.utils 插件 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe。当用户询问 gsap.utils、clamp、mapRange、random、snap、toArray、wrap 或 GSAP 中的辅助工具时使用。