CLI: Respect --skip-install in postinstall scripts

code/addons/vitest/src/postinstall.ts

@@ -88,9 +88,10 @@ export default async function postInstall(options: PostinstallOptions) {
           });
 
     if (out.migrateToNextjsVite) {
-      await packageManager.addDependencies({ installAsDevDependencies: true }, [
-        `@storybook/nextjs-vite@${versions['@storybook/nextjs-vite']}`,
-      ]);
+      await packageManager.addDependencies(
+        { installAsDevDependencies: true, skipInstall: options.skipInstall },
+        [`@storybook/nextjs-vite@${versions['@storybook/nextjs-vite']}`]
+      );
 
       await packageManager.removeDependencies({}, ['@storybook/nextjs']);
 
@@ -266,17 +267,25 @@ export default async function postInstall(options: PostinstallOptions) {
     logger.plain(`${step} Installing dependencies:`);
     logger.plain(colors.gray('  ' + versionedDependencies.join(', ')));
 
-    await packageManager.addDependencies({ installAsDevDependencies: true }, versionedDependencies);
+    await packageManager.addDependencies(
+      { installAsDevDependencies: true, skipInstall: options.skipInstall },
+      versionedDependencies
+    );
   }
 
   logger.line(1);
-  logger.plain(`${step} Configuring Playwright with Chromium (this might take some time):`);
-  logger.plain(colors.gray('  npx playwright install chromium --with-deps'));
 
-  await packageManager.executeCommand({
-    command: 'npx',
-    args: ['playwright', 'install', 'chromium', '--with-deps'],
-  });
+  if (options.skipInstall) {
+    logger.plain('Skipping Playwright installation, please run this command manually:');
+    logger.plain(colors.gray('  npx playwright install chromium --with-deps'));
+  } else {
+    logger.plain(`${step} Configuring Playwright with Chromium (this might take some time):`);
+    logger.plain(colors.gray('  npx playwright install chromium --with-deps'));
+    await packageManager.executeCommand({
+      command: 'npx',
+      args: ['playwright', 'install', 'chromium', '--with-deps'],
+    });
+  }
 
   const fileExtension =
     allDeps.typescript || (await findFile('tsconfig', [...EXTENSIONS, '.json'])) ? 'ts' : 'js';
@@ -482,6 +491,10 @@ export default async function postInstall(options: PostinstallOptions) {
         command.push('--package-manager', options.packageManager);
       }
 
+      if (options.skipInstall) {
+        command.push('--skip-install');
+      }
+
       if (options.configDir !== '.storybook') {
         command.push('--config-dir', options.configDir);
       }

code/lib/cli-storybook/src/add.ts

@@ -25,6 +25,7 @@ export interface PostinstallOptions {
   packageManager: PackageManagerName;
   configDir: string;
   yes?: boolean;
+  skipInstall?: boolean;
 }
 
 /**
@@ -69,6 +70,7 @@ type CLIOptions = {
   configDir?: string;
   skipPostinstall: boolean;
   yes?: boolean;
+  skipInstall?: boolean;
 };
 
 /**
@@ -86,7 +88,13 @@ type CLIOptions = {
  */
 export async function add(
   addon: string,
-  { packageManager: pkgMgr, skipPostinstall, configDir: userSpecifiedConfigDir, yes }: CLIOptions,
+  {
+    packageManager: pkgMgr,
+    skipPostinstall,
+    configDir: userSpecifiedConfigDir,
+    yes,
+    skipInstall,
+  }: CLIOptions,
   logger = console
 ) {
   const [addonName, inputVersion] = getVersionSpecifier(addon);
@@ -178,7 +186,12 @@ export async function add(
   }
 
   if (!skipPostinstall && isCoreAddon(addonName)) {
-    await postinstallAddon(addonName, { packageManager: packageManager.type, configDir, yes });
+    await postinstallAddon(addonName, {
+      packageManager: packageManager.type,
+      configDir,
+      yes,
+      skipInstall,
+    });
   }
 }
 function isValidVersion(version: string) {

code/lib/cli-storybook/src/bin/index.ts

@@ -74,6 +74,7 @@ command('add <addon>')
   )
   .option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from')
   .option('-s --skip-postinstall', 'Skip package specific postinstall config modifications')
+  .option('--skip-install', 'Skip installing deps')
   .option('-y --yes', 'Skip prompting the user')
   .action((addonName: string, options: any) => add(addonName, options));
 

code/lib/create-storybook/src/initiate.ts

@@ -648,18 +648,19 @@ export async function doInitiate(options: CommandOptions): Promise<
       : packageManager.getRunStorybookCommand();
 
   if (selectedFeatures.has('test')) {
+    const flags = ['--yes', options.skipInstall && '--skip-install'].filter(Boolean).join(' ');
     logger.log(
-      `> npx storybook@${versions.storybook} add --yes @storybook/addon-a11y@${versions['@storybook/addon-a11y']}`
+      `> npx storybook@${versions.storybook} add ${flags} @storybook/addon-a11y@${versions['@storybook/addon-a11y']}`
     );
     execSync(
-      `npx storybook@${versions.storybook} add --yes @storybook/addon-a11y@${versions['@storybook/addon-a11y']}`,
+      `npx storybook@${versions.storybook} add ${flags} @storybook/addon-a11y@${versions['@storybook/addon-a11y']}`,
       { cwd: process.cwd(), stdio: 'inherit' }
     );
     logger.log(
-      `> npx storybook@${versions.storybook} add --yes @storybook/addon-vitest@${versions['@storybook/addon-vitest']}`
+      `> npx storybook@${versions.storybook} add ${flags} @storybook/addon-vitest@${versions['@storybook/addon-vitest']}`
     );
     execSync(
-      `npx storybook@${versions.storybook} add --yes @storybook/addon-vitest@${versions['@storybook/addon-vitest']}`,
+      `npx storybook@${versions.storybook} add ${flags} @storybook/addon-vitest@${versions['@storybook/addon-vitest']}`,
       { cwd: process.cwd(), stdio: 'inherit' }
     );
   }