remotion-create
此技能用于快速创建新的 Remotion 视频项目。它提供项目脚手架、最佳实践指南和交互性支持,帮助开发者从零开始高效构建视频应用,无需手动配置繁琐的环境。
npx skills add https://github.com/remotion-dev/skills --skill remotion-createBefore / After 效果对比
1 组在没有此技能之前,用户需要手动安装依赖、配置项目结构、设置构建工具,并查阅大量文档才能开始编写视频代码。整个过程耗时且容易出错。
此技能一键完成项目脚手架,自动安装依赖并提示最佳实践,用户可直接进入视频设计阶段,大幅提升启动效率。
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)
发表评价
暂无评价
统计数据
用户评分
为此 Skill 评分