diff --git a/code/lib/cli/src/generators/SVELTE/index.ts b/code/lib/cli/src/generators/SVELTE/index.ts
index 136dedfb9c08..d3b4a89a7351 100644
--- a/code/lib/cli/src/generators/SVELTE/index.ts
+++ b/code/lib/cli/src/generators/SVELTE/index.ts
@@ -3,7 +3,8 @@ import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
   await baseGenerator(packageManager, npmOptions, options, 'svelte', {
-    extensions: ['js', 'jsx', 'ts', 'tsx', 'svelte'],
+    extensions: ['js', 'ts', 'svelte'],
+    extraAddons: ['@storybook/addon-svelte-csf'],
   });
 };
 
diff --git a/code/lib/cli/src/generators/SVELTEKIT/index.ts b/code/lib/cli/src/generators/SVELTEKIT/index.ts
index 856d1d04c76b..50c440a7922d 100644
--- a/code/lib/cli/src/generators/SVELTEKIT/index.ts
+++ b/code/lib/cli/src/generators/SVELTEKIT/index.ts
@@ -8,7 +8,10 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
     npmOptions,
     { ...options, builder: CoreBuilder.Vite },
     'svelte',
-    undefined,
+    {
+      extensions: ['js', 'ts', 'svelte'],
+      extraAddons: ['@storybook/addon-svelte-csf'],
+    },
     'sveltekit'
   );
 };