diff --git a/src/webapp/features/collections/components/collectionCard/CollectionCard.stories.tsx b/src/webapp/features/collections/components/collectionCard/CollectionCard.stories.tsx
index 7edf15ed..83c11f43 100644
--- a/src/webapp/features/collections/components/collectionCard/CollectionCard.stories.tsx
+++ b/src/webapp/features/collections/components/collectionCard/CollectionCard.stories.tsx
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs-vite';
 import { CollectionAccessType, CardSortField, SortOrder } from '@semble/types';
 import type { Collection, GetCollectionPageResponse } from '@semble/types';
 import CollectionCard from './CollectionCard';
+import CollectionCardSkeleton from './Skeleton.CollectionCard';
 import { collectionKeys } from '../../lib/collectionKeys';
 import { useQueryClient } from '@tanstack/react-query';
 import { useEffect } from 'react';
@@ -220,3 +221,7 @@ export const Empty: Story = {
     },
   },
 };
+
+export const Skeleton: Story = {
+  render: () => <CollectionCardSkeleton />,
+};