create-video 4.0.532 → 4.0.534

package/dist/ask-skills.d.ts

@@ -1 +1,2 @@
-export declare const askSkills: () => Promise<boolean>;
+export type SkillsInstallation = 'recommended' | 'choose';
+export declare const askSkills: () => Promise<SkillsInstallation | null>;

package/dist/ask-skills.js

@@ -1,25 +1,33 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.askSkills = void 0;
 const make_link_1 = require("./hyperlinks/make-link");
-const prompts_1 = __importDefault(require("./prompts"));
+const prompts_1 = require("./prompts");
 const askSkills = async () => {
     const link = (0, make_link_1.makeHyperlink)({
         text: 'agent skills',
         url: 'https://remotion.dev/docs/ai/skills',
         fallback: 'agent skills',
     });
-    const { answer } = await (0, prompts_1.default)({
-        type: 'toggle',
-        name: 'answer',
+    return (await (0, prompts_1.selectAsync)({
         message: `Add ${link}?`,
-        initial: true,
-        active: 'Yes',
-        inactive: 'No',
-    });
-    return answer;
+        initial: 0,
+        choices: [
+            {
+                title: 'Install all skills',
+                description: 'Includes all Remotion guidance in one skill',
+                value: 'recommended',
+            },
+            {
+                title: 'Choose individual skills',
+                description: 'Select the skills that fit your project',
+                value: 'choose',
+            },
+            {
+                title: 'Skip skill installation',
+                value: null,
+            },
+        ],
+    }));
 };
 exports.askSkills = askSkills;

package/dist/esm/index.mjs

@@ -10,7 +10,7 @@ var listOfRemotionPackages = [
   "@remotion/bundler",
   "@remotion/browser-bundler",
   "@remotion/browser-studio",
-  "@remotion/canvas",
+  "@remotion/sdk",
   "@remotion/claude-code-plugin",
   "@remotion/cli",
   "@remotion/cloudrun",

package/dist/help.js

@@ -26,9 +26,13 @@ const getCreateVideoHelp = () => {
             flag: '--yes, -y',
             description: 'Enable non-interactive mode. Requires a template flag and a directory, unless --tmp is used.',
         }),
+        formatOption({
+            flag: '--tailwind',
+            description: 'Install TailwindCSS for supported templates.',
+        }),
         formatOption({
             flag: '--no-tailwind',
-            description: 'Skip installing TailwindCSS when used with --yes.',
+            description: 'Skip TailwindCSS installation (the default).',
         }),
         formatOption({
             flag: '--tmp',

package/dist/init.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.init = exports.checkGitAvailability = void 0;
+const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = __importDefault(require("chalk"));
 const execa_1 = __importDefault(require("execa"));
 const add_tailwind_1 = require("./add-tailwind");
 const add_yarn2_support_1 = require("./add-yarn2-support");
 const ask_skills_1 = require("./ask-skills");
-const ask_tailwind_1 = require("./ask-tailwind");
 const create_public_folder_1 = require("./create-public-folder");
 const degit_1 = require("./degit");
 const help_1 = require("./help");
@@ -121,12 +121,8 @@ const init = async () => {
     const latestRemotionVersionPromise = (0, latest_remotion_version_1.getLatestRemotionVersion)({
         onError: log_1.Log.warn,
     });
-    const shouldOverrideTailwind = selectedTemplate.allowEnableTailwind
-        ? (0, select_template_1.isYesFlagSelected)()
-            ? !(0, select_template_1.isNoTailwindFlagSelected)()
-            : await (0, ask_tailwind_1.askTailwind)()
-        : false;
-    const shouldInstallSkills = (0, select_template_1.isYesFlagSelected)() ? false : await (0, ask_skills_1.askSkills)();
+    const shouldOverrideTailwind = selectedTemplate.allowEnableTailwind && (0, select_template_1.isTailwindFlagSelected)();
+    const skillsInstallation = (0, select_template_1.isYesFlagSelected)() ? null : await (0, ask_skills_1.askSkills)();
     const pkgManager = (0, pkg_managers_1.selectPackageManager)();
     const pkgManagerVersion = await (0, pkg_managers_1.getPackageManagerVersionOrNull)(pkgManager);
     try {
@@ -160,11 +156,30 @@ const init = async () => {
         pkgManagerVersion,
         projectRoot,
     });
+    if (pkgManager === 'pnpm') {
+        const workspaceFile = node_path_1.default.join(projectRoot, 'pnpm-workspace.yaml');
+        if (!node_fs_1.default.existsSync(workspaceFile)) {
+            // pnpm 10 reads ignoredBuiltDependencies; pnpm 11 reads allowBuilds.
+            node_fs_1.default.writeFileSync(workspaceFile, 'ignoredBuiltDependencies:\n  - esbuild\nallowBuilds:\n  esbuild: false\n');
+        }
+    }
+    log_1.Log.info('Installing dependencies...');
+    let installedDependencies = true;
+    try {
+        await execa_1.default.command((0, pkg_managers_1.getInstallCommand)(pkgManager), {
+            cwd: projectRoot,
+            stdio: 'inherit',
+        });
+    }
+    catch (e) {
+        installedDependencies = false;
+        log_1.Log.error('Error installing dependencies:', e);
+    }
     if (!isInsideGitRepo) {
         await getGitStatus(projectRoot);
     }
-    if (shouldInstallSkills) {
-        await (0, install_skills_1.installSkills)(projectRoot);
+    if (skillsInstallation !== null) {
+        await (0, install_skills_1.installSkills)(projectRoot, skillsInstallation);
     }
     const relativeToCurrent = node_path_1.default.relative(process.cwd(), projectRoot);
     const cdToFolder = relativeToCurrent.startsWith('.')
@@ -177,25 +192,21 @@ const init = async () => {
     if (cdToFolder !== '') {
         log_1.Log.info(' ' + chalk_1.default.blue(`cd ${cdToFolder}`));
     }
-    log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getInstallCommand)(pkgManager)));
+    if (!installedDependencies) {
+        log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getInstallCommand)(pkgManager)));
+    }
     log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getDevCommand)(pkgManager, selectedTemplate)));
     log_1.Log.info('');
     log_1.Log.info('To render a video, run:');
     log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getRenderCommand)(pkgManager)));
     log_1.Log.info('');
-    log_1.Log.info('Links to get you started:');
+    log_1.Log.info('See the documentation:');
     log_1.Log.info(' ' +
         chalk_1.default.blue((0, make_link_1.makeHyperlink)({
             text: 'remotion.dev/docs',
             url: 'https://www.remotion.dev/docs',
             fallback: 'https://www.remotion.dev/docs',
         })));
-    log_1.Log.info(' ' +
-        chalk_1.default.blue((0, make_link_1.makeHyperlink)({
-            text: 'remotion.dev/prompts',
-            url: 'https://www.remotion.dev/prompts',
-            fallback: 'https://www.remotion.dev/prompts',
-        })));
     log_1.Log.info();
     log_1.Log.info('Remotion is free for teams of up to 3.');
     log_1.Log.info('Adopting Remotion in your company? Visit ' +

package/dist/install-skills.d.ts

@@ -1 +1,2 @@
-export declare const installSkills: (projectRoot: string) => Promise<void>;
+import type { SkillsInstallation } from './ask-skills';
+export declare const installSkills: (projectRoot: string, selection: SkillsInstallation) => Promise<void>;

package/dist/install-skills.js

@@ -4,12 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.installSkills = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const execa_1 = __importDefault(require("execa"));
 const log_1 = require("./log");
-const installSkills = async (projectRoot) => {
+const installSkills = async (projectRoot, selection) => {
     const command = process.platform === 'win32' ? 'npx.cmd' : 'npx';
+    const args = [
+        '-y',
+        '--loglevel=error',
+        'skills@1.7.0',
+        'add',
+        'remotion-dev/skills',
+        '--agent',
+        'universal',
+        ...(selection === 'recommended'
+            ? ['--skill', 'remotion-best-practices', '--yes']
+            : []),
+    ];
     try {
-        await (0, execa_1.default)(command, ['-y', '--loglevel=error', 'skills@1.5.26', 'add', 'remotion-dev/skills'], {
+        await (0, execa_1.default)(command, args, {
             cwd: projectRoot,
             stdio: 'inherit',
         });
@@ -17,7 +31,34 @@ const installSkills = async (projectRoot) => {
     catch (e) {
         log_1.Log.error('Error installing skills:', e);
         log_1.Log.error('You can install them manually by running:');
-        log_1.Log.error('  npx skills add remotion-dev/skills');
+        log_1.Log.error(`  npx ${args.join(' ')}`);
+        return;
+    }
+    const agentsSkills = node_path_1.default.join(projectRoot, '.agents', 'skills');
+    const claudeSkills = node_path_1.default.join(projectRoot, '.claude', 'skills');
+    const existing = (0, node_fs_1.lstatSync)(claudeSkills, { throwIfNoEntry: false });
+    if (existing) {
+        let pointsToAgentsSkills = false;
+        if (existing.isSymbolicLink()) {
+            try {
+                pointsToAgentsSkills =
+                    (0, node_fs_1.realpathSync)(claudeSkills) === (0, node_fs_1.realpathSync)(agentsSkills);
+            }
+            catch (_a) {
+                // An existing link with a missing target must be preserved.
+            }
+        }
+        if (!pointsToAgentsSkills) {
+            log_1.Log.warn('Could not link .claude/skills to .agents/skills because .claude/skills already exists.');
+        }
+        return;
+    }
+    try {
+        (0, node_fs_1.mkdirSync)(node_path_1.default.dirname(claudeSkills), { recursive: true });
+        (0, node_fs_1.symlinkSync)(process.platform === 'win32' ? agentsSkills : '../.agents/skills', claudeSkills, process.platform === 'win32' ? 'junction' : 'dir');
+    }
+    catch (e) {
+        log_1.Log.warn('Could not link .claude/skills to .agents/skills:', e);
     }
 };
 exports.installSkills = installSkills;

package/dist/list-of-remotion-packages.js

@@ -13,7 +13,7 @@ exports.listOfRemotionPackages = [
     '@remotion/bundler',
     '@remotion/browser-bundler',
     '@remotion/browser-studio',
-    '@remotion/canvas',
+    '@remotion/sdk',
     '@remotion/claude-code-plugin',
     '@remotion/cli',
     '@remotion/cloudrun',

package/dist/pkg-managers.d.ts

@@ -1,7 +1,7 @@
 import type { Template } from './templates';
 export type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun' | 'nub';
 export declare const selectPackageManager: () => PackageManager;
-export declare const getInstallCommand: (manager: PackageManager) => "bun install" | "npm i --loglevel=error" | "nub install" | "pnpm i" | "yarn" | undefined;
+export declare const getInstallCommand: (manager: PackageManager) => "bun install" | "npm i --loglevel=error" | "nub install" | "pnpm i" | "yarn";
 export declare const getRunCommand: (manager: PackageManager) => "bun run" | "npm run" | "nub run" | "pnpm run" | "yarn run";
 export declare const getRenderCommand: (manager: PackageManager) => "bunx remotion render" | "npx remotion render" | "nubx remotion render" | "pnpm exec remotion render" | "yarn remotion render";
 export declare const getUpgradeCommand: (manager: PackageManager) => "bunx remotion upgrade" | "npx remotion upgrade" | "nubx remotion upgrade" | "pnpm exec remotion upgrade" | "yarn remotion upgrade";

package/dist/pkg-managers.js

@@ -68,6 +68,7 @@ const getInstallCommand = (manager) => {
     if (manager === 'nub') {
         return `nub install`;
     }
+    throw new TypeError('unknown package manager');
 };
 exports.getInstallCommand = getInstallCommand;
 const getStartCommand = (manager) => {

package/dist/select-template.d.ts

@@ -1,7 +1,7 @@
 import type { Template } from './templates';
 export declare const isTmpFlagSelected: () => boolean;
 export declare const isYesFlagSelected: () => boolean;
-export declare const isNoTailwindFlagSelected: () => boolean;
+export declare const isTailwindFlagSelected: () => boolean;
 export declare const isHelpFlagSelected: () => boolean;
 export declare const getPositionalArguments: () => string[];
 export declare const getDirectoryArgument: () => string | null;

package/dist/select-template.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectTemplate = exports.isFlagSelected = exports.getDirectoryArgument = exports.getPositionalArguments = exports.isHelpFlagSelected = exports.isNoTailwindFlagSelected = exports.isYesFlagSelected = exports.isTmpFlagSelected = void 0;
+exports.selectTemplate = exports.isFlagSelected = exports.getDirectoryArgument = exports.getPositionalArguments = exports.isHelpFlagSelected = exports.isTailwindFlagSelected = exports.isYesFlagSelected = exports.isTmpFlagSelected = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const minimist_1 = __importDefault(require("minimist"));
 const make_link_1 = require("./hyperlinks/make-link");
@@ -15,7 +15,7 @@ const parsed = (0, minimist_1.default)(process.argv.slice(2), {
         ...ALL_TEMPLATES.map((f) => f.cliId),
         'tmp',
         'yes',
-        'no-tailwind',
+        'tailwind',
         'help',
     ],
     string: ['_'],
@@ -25,8 +25,8 @@ const isTmpFlagSelected = () => parsed.tmp;
 exports.isTmpFlagSelected = isTmpFlagSelected;
 const isYesFlagSelected = () => parsed.yes;
 exports.isYesFlagSelected = isYesFlagSelected;
-const isNoTailwindFlagSelected = () => parsed.tailwind === false;
-exports.isNoTailwindFlagSelected = isNoTailwindFlagSelected;
+const isTailwindFlagSelected = () => parsed.tailwind;
+exports.isTailwindFlagSelected = isTailwindFlagSelected;
 const isHelpFlagSelected = () => parsed.help;
 exports.isHelpFlagSelected = isHelpFlagSelected;
 const getPositionalArguments = () => parsed._;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/create-video"
 	},
 	"name": "create-video",
-	"version": "4.0.532",
+	"version": "4.0.534",
 	"description": "Create a new Remotion project",
 	"main": "dist/index.js",
 	"bin": {
@@ -29,7 +29,7 @@
 		"@types/minimist": "1.2.2",
 		"@types/prompts": "2.4.9",
 		"react": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.532",
+		"@remotion/eslint-config-internal": "4.0.534",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},