·remotion-video
*

remotion-video

z1w2r3/remotion-video-skill

从零创建 Remotion 视频(默认 16:9 横屏 1920x1080,可选竖屏 1080x1920),涵盖项目初始化、场景开发、Edge TTS 配音、时间轴编排到 MP4 导出的完整工作流。适用于产品宣传片、知识科普、品牌展示等场景。

3Installs·0Trend·@z1w2r3

Installation

$npx skills add https://github.com/z1w2r3/remotion-video-skill --skill remotion-video

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.

View raw

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

Related Skills

None