首页/AI 前端工程/remotion-create
R

remotion-create

by @remotion-devv
4.7(120)

此技能用于快速创建新的 Remotion 视频项目。它提供项目脚手架、最佳实践指南和交互性支持,帮助开发者从零开始高效构建视频应用,无需手动配置繁琐的环境。

video-creationremotionscaffoldingreactanimationGitHub
安装方式
npx skills add https://github.com/remotion-dev/skills --skill remotion-create
compare_arrows

Before / After 效果对比

1
使用前

在没有此技能之前,用户需要手动安装依赖、配置项目结构、设置构建工具,并查阅大量文档才能开始编写视频代码。整个过程耗时且容易出错。

使用后

此技能一键完成项目脚手架,自动安装依赖并提示最佳实践,用户可直接进入视频设计阶段,大幅提升启动效率。

SKILL.md

These are instructions for making a new Remotion project and composition.
If this is not the next task, see Remotion Best Practices

Scaffold a project

If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project.

Scaffold one using:

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

Replace my-video with a suitable project name.

Designing a video

Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and Video Layout Rules for video-first layout and text sizing guidance.

Interactivity Best Practices

By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code.

TailwindCSS

If Tailwind is requested, see tailwind.md for using TailwindCSS in Remotion.

Starting preview

npx remotion studio --no-open

This will start a long-running process and print the server URL for the preview.

Follow-up

The video creation process has finished. For follow-up prompts, use Remotion Best Practices

用户评价 (0)

发表评价

效果
易用性
文档
兼容性

暂无评价

统计数据

安装量55.3K
评分4.7 / 5.0
版本
更新日期2026年8月24日
对比案例1 组

用户评分

4.7(120)
5
37%
4
43%
3
13%
2
5%
1
2%

为此 Skill 评分

0.0

兼容平台

🤖claude-code

时间线

创建2026年7月13日
最后更新2026年8月24日
🎁 Agent 知识卡片
调研问卷