CLI: Don't install addon-onboarding during minimal installs

code/lib/create-storybook/src/generators/ANGULAR/index.ts

@@ -76,7 +76,6 @@ const generator: Generator<{ projectName: string }> = async (
     },
     'angular',
     {
-      extraAddons: [`@storybook/addon-onboarding`],
       extraPackages: [
         angularVersion
           ? `@angular-devkit/build-angular@${angularVersion}`

code/lib/create-storybook/src/generators/EMBER/index.ts

@@ -8,9 +8,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
     npmOptions,
     { ...options, builder: CoreBuilder.Webpack5 },
     'ember',
-    {
-      staticDir: 'dist',
-    },
+    { staticDir: 'dist' },
     'ember'
   );
 };

code/lib/create-storybook/src/generators/NEXTJS/index.ts

@@ -17,11 +17,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
     npmOptions,
     { ...options, builder: CoreBuilder.Webpack5 },
     'react',
-    {
-      staticDir,
-      extraAddons: [`@storybook/addon-onboarding`],
-      webpackCompiler: ({ builder }) => undefined,
-    },
+    { staticDir, webpackCompiler: () => undefined },
     'nextjs'
   );
 };

code/lib/create-storybook/src/generators/REACT/index.ts

@@ -11,7 +11,6 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   await baseGenerator(packageManager, npmOptions, options, 'react', {
     extraPackages,
     webpackCompiler: ({ builder }) => (builder === CoreBuilder.Webpack5 ? 'swc' : undefined),
-    extraAddons: [`@storybook/addon-onboarding`],
   });
 };
 

code/lib/create-storybook/src/generators/REACT_NATIVE_WEB/index.ts

@@ -20,10 +20,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
     npmOptions,
     options,
     'react',
-    {
-      extraPackages,
-      extraAddons: [`@storybook/addon-onboarding`],
-    },
+    { extraPackages },
     'react-native-web-vite'
   );
 

code/lib/create-storybook/src/generators/REACT_SCRIPTS/index.ts

@@ -48,7 +48,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   // Miscellaneous dependency to add to be sure Storybook + CRA is working fine with Yarn PnP mode
   extraPackages.push('prop-types');
 
-  const extraAddons = [`@storybook/preset-create-react-app`, `@storybook/addon-onboarding`];
+  const extraAddons = [`@storybook/preset-create-react-app`];
 
   await baseGenerator(
     packageManager,

code/lib/create-storybook/src/generators/VUE3/index.ts

@@ -4,7 +4,6 @@ import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
   await baseGenerator(packageManager, npmOptions, options, 'vue3', {
-    extraAddons: [`@storybook/addon-onboarding`],
     extraPackages: async ({ builder }) => {
       return builder === CoreBuilder.Webpack5
         ? ['vue-loader@^17.0.0', '@vue/compiler-sfc@^3.2.0']

code/lib/create-storybook/src/generators/WEBPACK_REACT/index.ts

@@ -4,7 +4,6 @@ import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
   await baseGenerator(packageManager, npmOptions, options, 'react', {
-    extraAddons: [`@storybook/addon-onboarding`],
     webpackCompiler: ({ builder }) => (builder === CoreBuilder.Webpack5 ? 'swc' : undefined),
   });
 };

code/lib/create-storybook/src/generators/baseGenerator.ts

@@ -291,11 +291,14 @@ export async function baseGenerator(
     extraAddons.push('@chromatic-com/storybook@^4');
   }
 
-  // Add @storybook/addon-docs when docs feature is selected
   if (features.includes('docs')) {
     extraAddons.push('@storybook/addon-docs');
   }
 
+  if (features.includes('onboarding')) {
+    extraAddons.push('@storybook/addon-onboarding');
+  }
+
   // added to main.js
   const addons = [
     ...(compiler ? [`@storybook/addon-webpack5-compiler-${compiler}`] : []),

code/lib/create-storybook/src/generators/types.ts

@@ -46,7 +46,7 @@ export type Generator<T = void> = (
   commandOptions?: CommandOptions
 ) => Promise<T>;
 
-export type GeneratorFeature = 'docs' | 'test';
+export type GeneratorFeature = 'docs' | 'test' | 'onboarding';
 
 export type CommandOptions = {
   packageManager: PackageManagerName;

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

@@ -53,6 +53,17 @@ import { currentDirectoryIsEmpty, scaffoldNewProject } from './scaffold-new-proj
 
 const logger = console;
 
+const ONBOARDING_PROJECT_TYPES = [
+  ProjectType.REACT,
+  ProjectType.REACT_SCRIPTS,
+  ProjectType.REACT_NATIVE_WEB,
+  ProjectType.REACT_PROJECT,
+  ProjectType.WEBPACK_REACT,
+  ProjectType.NEXTJS,
+  ProjectType.VUE3,
+  ProjectType.ANGULAR,
+];
+
 const installStorybook = async <Project extends ProjectType>(
   projectType: Project,
   packageManager: JsPackageManager,
@@ -440,12 +451,16 @@ export async function doInitiate(options: CommandOptions): Promise<
     if (isInteractive) {
       selectedFeatures.add('test');
     }
+    if (newUser) {
+      selectedFeatures.add('onboarding');
+    }
   }
 
   const telemetryFeatures = {
     dev: true,
     docs: selectedFeatures.has('docs'),
     test: selectedFeatures.has('test'),
+    onboarding: selectedFeatures.has('onboarding'),
   };
 
   // Check if the current directory is empty.
@@ -577,6 +592,10 @@ export async function doInitiate(options: CommandOptions): Promise<
     }
   }
 
+  if (selectedFeatures.has('onboarding') && !ONBOARDING_PROJECT_TYPES.includes(projectType)) {
+    selectedFeatures.delete('onboarding');
+  }
+
   if (!options.skipInstall) {
     await packageManager.installDependencies();
   }