メニュー
Use when initializing a new Remotion project or adding Remotion to an existing project. Triggers on "set up Remotion", "create a new Remotion project", "initialize Remotion", "add Remotion to my app", or when needing Remotion project configuration.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Use when the user wants to create, update, extend, or replace a Maximus Loop task plan (plan.json). Triggers on "create a plan", "plan this feature", "generate tasks", "break this down into tasks", "add tasks for", "scope this work", "plan the next phase", "update the plan", or /arc:plan.
Use when the user wants to review Maximus Loop results, analyze run performance, or check execution status. Triggers on "review the run", "analyze maximus results", "check status", "how is the run going", "show me the summary", "what's the progress", or when the user wants post-execution analysis with cost/performance insights.
Use when the user asks to "set up maximus", "configure maximus", "initialize maximus", "create maximus config", "scaffold maximus", "bootstrap maximus", or "maximus init".
Use when the user asks to "validate maximus", "check maximus config", "verify maximus setup", "is my maximus config correct", "is my project ready to run", "lint my config", or before running the engine.
Use when the user asks to "list my notes", "show my notes", "what notes do I have", "jot list", "show notes for [project]", or wants a quick overview of captured notes without starting a full review session.
Use when the user asks to "set up maximus", "configure maximus", "initialize maximus", "create maximus config", "scaffold maximus", "bootstrap maximus", or "maximus init".
| name | setup |
| description | Use when initializing a new Remotion project or adding Remotion to an existing project. Triggers on "set up Remotion", "create a new Remotion project", "initialize Remotion", "add Remotion to my app", or when needing Remotion project configuration. |
Initializes a new Remotion project or adds Remotion to an existing React project with proper configuration.
# Create new Remotion project (interactive)
/remotion-max:setup
# Create new project with specific name
/remotion-max:setup --new-project my-video
# Add Remotion to existing project
/remotion-max:setup --add-to-existing
# Quick setup with defaults
/remotion-max:setup --quick
Arguments received: $ARGUMENTS
npm init video or equivalentmy-video/
├── src/
│ ├── Root.tsx # Composition registry
│ ├── compositions/ # Video compositions
│ │ └── Main.tsx
│ ├── components/ # Reusable components
│ ├── utils/ # Helper functions
│ └── assets/ # Media files
│ ├── images/
│ ├── videos/
│ └── audio/
├── public/
├── package.json
├── remotion.config.ts
└── tsconfig.json
The command can install:
Essential:
remotion - Core library@remotion/cli - Command-line toolsreact and react-dom - ReactMedia:
@remotion/media-utils - Audio/video utilities@remotion/captions - Subtitle support3D & Animation:
@remotion/three - Three.js integration@remotion/lottie - Lottie animationsStyling:
tailwindcss - Utility CSSautoprefixer and postcss - CSS processingCloud:
@remotion/lambda - AWS Lambda rendering{
"scripts": {
"start": "remotion studio",
"build": "remotion render Main out/video.mp4",
"upgrade": "remotion upgrade",
"server": "remotion server"
}
}
import {Config} from '@remotion/cli/config';
Config.setVideoImageFormat('jpeg');
Config.setOverwriteOutput(true);
Config.setConcurrency(50);
Config.setCodec('h264');
{
"compilerOptions": {
"target": "ES2022",
"module": "ESNext",
"jsx": "react-jsx",
"strict": true
}
}
When run without flags, the command asks:
New or existing project?
Project name?
Additional packages?
Video defaults?
After setup completes:
npm startnpm run build/remotion-max:setup --new-project social-media-video
# When prompted:
# - Add Tailwind CSS? Yes
# - Add Three.js? No
# - Resolution? 1080x1920 (vertical)
# - FPS? 30
/remotion-max:setup --add-to-existing
# Detects Next.js, configures:
# - Adds Remotion packages
# - Creates src/remotion/ directory
# - Updates tsconfig
# - Adds separate Remotion scripts
The command handles:
Run these to verify:
npm start # Opens Remotion Studio
npm run build # Renders test video
Then you can: