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 を評価