diff --git a/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts b/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
index b5e63f8591e2..51c3fcaebe5b 100644
--- a/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
+++ b/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
@@ -7,7 +7,9 @@ export function mockSveltekitStores() {
     config: () => ({
       resolve: {
         alias: {
-          $app: resolve(__dirname, '../src/mocks/app/'),
+          '$app/forms': resolve(__dirname, '../src/mocks/app/forms'),
+          '$app/navigation': resolve(__dirname, '../src/mocks/app/navigation'),
+          '$app/store': resolve(__dirname, '../src/mocks/app/store'),
         },
       },
     }),
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/Evironment.svelte b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/Evironment.svelte
new file mode 100644
index 000000000000..db4ccc9e3548
--- /dev/null
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/Evironment.svelte
@@ -0,0 +1,10 @@
+<script>
+  import { browser, building, dev, version } from '$app/environment';
+</script>
+
+<ul>
+  <il>$app/environment - browser : {browser}</il><br />
+  <il>$app/environment - dev : {dev}</il><br />
+  <il>$app/environment - building : {building}</il><br />
+  <il>$app/environment - version: {version}</il>
+</ul>
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js
new file mode 100644
index 000000000000..8e312169a788
--- /dev/null
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js
@@ -0,0 +1,9 @@
+import Environment from './Evironment.svelte';
+
+export default {
+  title: 'stories/sveltekit/modules/environment',
+  component: Environment,
+  tags: ['autodocs'],
+};
+
+export const Default = {};