remotion-video
✓从零创建 Remotion 视频(默认 16:9 横屏 1920x1080,可选竖屏 1080x1920),涵盖项目初始化、场景开发、Edge TTS 配音、时间轴编排到 MP4 导出的完整工作流。适用于产品宣传片、知识科普、品牌展示等场景。
Installation
SKILL.md
| 横屏(默认) | 1920×1080 | 官网宣传、B站、YouTube、会议展示 | | 竖屏 | 1080×1920 | 抖音、视频号、Instagram Reels |
本技能基于 Remotion 官方脚手架 + 官方 Skills(remotion-best-practices)。 官方 Skills 提供 API 层面的最佳实践(动画、音频、转场等 30 个规则文件),本技能提供端到端工作流(内容规划 → 配音 → 场景开发 → 导出)。两者互补使用。
| remotion.config.ts | Webpack 配置 + @remotion/tailwind-v4 | | src/Root.tsx | Composition 注册(导出名 RemotionRoot)| | src/index.ts | registerRoot 入口 | | src/index.css | Tailwind CSS v4 样式 | | package.json | 含 @remotion/media、tailwindcss 4.x | | .agents/skills/ | 官方 remotion-best-practices 技能 |
从零创建 Remotion 视频(默认 16:9 横屏 1920x1080,可选竖屏 1080x1920),涵盖项目初始化、场景开发、Edge TTS 配音、时间轴编排到 MP4 导出的完整工作流。适用于产品宣传片、知识科普、品牌展示等场景。 Source: z1w2r3/remotion-video-skill.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/z1w2r3/remotion-video-skill --skill remotion-video- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is remotion-video?
从零创建 Remotion 视频(默认 16:9 横屏 1920x1080,可选竖屏 1080x1920),涵盖项目初始化、场景开发、Edge TTS 配音、时间轴编排到 MP4 导出的完整工作流。适用于产品宣传片、知识科普、品牌展示等场景。 Source: z1w2r3/remotion-video-skill.
How do I install remotion-video?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/z1w2r3/remotion-video-skill --skill remotion-video 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/z1w2r3/remotion-video-skill
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01