diff --git a/lib/src/core/design_system/templates/explore_loading_skeletons.dart b/lib/src/core/design_system/templates/explore_loading_skeletons.dart
new file mode 100644
index 00000000..f9f06d47
--- /dev/null
+++ b/lib/src/core/design_system/templates/explore_loading_skeletons.dart
@@ -0,0 +1,214 @@
+import 'package:flutter/material.dart';
+import 'package:skeletonizer/skeletonizer.dart';
+import 'package:spark/src/core/design_system/tokens/colors.dart';
+import 'package:spark/src/core/design_system/tokens/shapes.dart';
+
+class StoriesListSkeleton extends StatelessWidget {
+  const StoriesListSkeleton({super.key, this.itemCount = 5});
+
+  final int itemCount;
+
+  @override
+  Widget build(BuildContext context) {
+    return Skeletonizer(
+      child: ListView.builder(
+        scrollDirection: Axis.horizontal,
+        padding: const EdgeInsets.symmetric(horizontal: 16),
+        itemCount: itemCount,
+        itemBuilder: (context, index) {
+          return const Padding(
+            padding: EdgeInsets.only(right: 12),
+            child: _StoryCircleSkeleton(),
+          );
+        },
+      ),
+    );
+  }
+}
+
+class SuggestedFeedsListSkeleton extends StatelessWidget {
+  const SuggestedFeedsListSkeleton({super.key, this.itemCount = 4});
+
+  final int itemCount;
+
+  @override
+  Widget build(BuildContext context) {
+    return Skeletonizer(
+      child: ListView.builder(
+        shrinkWrap: true,
+        physics: const NeverScrollableScrollPhysics(),
+        padding: const EdgeInsets.symmetric(horizontal: 16),
+        itemCount: itemCount,
+        itemBuilder: (context, index) {
+          return const Padding(
+            padding: EdgeInsets.only(bottom: 12),
+            child: _FeedCardSkeleton(),
+          );
+        },
+      ),
+    );
+  }
+}
+
+class _StoryCircleSkeleton extends StatelessWidget {
+  const _StoryCircleSkeleton();
+
+  static const double _widgetWidth = 74;
+
+  @override
+  Widget build(BuildContext context) {
+    final skeletonColor = Theme.of(context).colorScheme.surfaceContainerHighest;
+
+    return SizedBox(
+      width: _widgetWidth,
+      child: Column(
+        children: [
+          Skeleton.leaf(
+            child: Container(
+              width: 74,
+              height: 74,
+              decoration: BoxDecoration(
+                color: skeletonColor,
+                shape: BoxShape.circle,
+              ),
+            ),
+          ),
+          const SizedBox(height: 5),
+          FractionallySizedBox(
+            widthFactor: 0.78,
+            child: Skeleton.leaf(
+              child: Container(
+                height: 12,
+                decoration: BoxDecoration(
+                  color: skeletonColor,
+                  borderRadius: BorderRadius.circular(6),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _FeedCardSkeleton extends StatelessWidget {
+  const _FeedCardSkeleton();
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final skeletonColor = theme.colorScheme.surfaceContainerHighest;
+    final isDark = theme.brightness == Brightness.dark;
+    final borderColor = isDark ? AppColors.grey800 : AppColors.grey200;
+    final backgroundColor = isDark ? AppColors.grey700 : AppColors.grey100;
+
+    return Material(
+      color: backgroundColor,
+      shape: RoundedSuperellipseBorder(
+        borderRadius: BorderRadius.circular(AppShapes.squircleRadius),
+      ),
+      clipBehavior: Clip.antiAlias,
+      child: Container(
+        decoration: ShapeDecoration(
+          shape: RoundedSuperellipseBorder(
+            side: BorderSide(color: borderColor),
+            borderRadius: BorderRadius.circular(AppShapes.squircleRadius),
+          ),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 8),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Skeleton.leaf(
+                child: Container(
+                  width: 44,
+                  height: 44,
+                  decoration: BoxDecoration(
+                    color: skeletonColor,
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 10),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    FractionallySizedBox(
+                      widthFactor: 0.68,
+                      alignment: Alignment.centerLeft,
+                      child: Skeleton.leaf(
+                        child: Container(
+                          height: 15,
+                          decoration: BoxDecoration(
+                            color: skeletonColor,
+                            borderRadius: BorderRadius.circular(6),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 7),
+                    FractionallySizedBox(
+                      widthFactor: 0.48,
+                      alignment: Alignment.centerLeft,
+                      child: Skeleton.leaf(
+                        child: Container(
+                          height: 13,
+                          decoration: BoxDecoration(
+                            color: skeletonColor,
+                            borderRadius: BorderRadius.circular(6),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 7),
+                    FractionallySizedBox(
+                      widthFactor: 0.86,
+                      alignment: Alignment.centerLeft,
+                      child: Skeleton.leaf(
+                        child: Container(
+                          height: 12,
+                          decoration: BoxDecoration(
+                            color: skeletonColor,
+                            borderRadius: BorderRadius.circular(6),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 6),
+                    FractionallySizedBox(
+                      widthFactor: 0.22,
+                      alignment: Alignment.centerLeft,
+                      child: Skeleton.leaf(
+                        child: Container(
+                          height: 12,
+                          decoration: BoxDecoration(
+                            color: skeletonColor,
+                            borderRadius: BorderRadius.circular(6),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(width: 8),
+              Skeleton.leaf(
+                child: Container(
+                  width: 110,
+                  height: 36,
+                  decoration: BoxDecoration(
+                    color: skeletonColor,
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/search/ui/widgets/suggested_feeds_list.dart b/lib/src/features/search/ui/widgets/suggested_feeds_list.dart
index 39dfdc26..ac46bd70 100644
--- a/lib/src/features/search/ui/widgets/suggested_feeds_list.dart
+++ b/lib/src/features/search/ui/widgets/suggested_feeds_list.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:spark/src/core/design_system/components/molecules/feed_card.dart';
+import 'package:spark/src/core/design_system/templates/explore_loading_skeletons.dart';
 import 'package:spark/src/core/network/atproto/data/models/feed_models.dart';
 import 'package:spark/src/core/network/atproto/data/models/pref_models.dart';
 import 'package:spark/src/features/search/providers/suggested_feeds_provider.dart';
@@ -29,10 +30,7 @@ class SuggestedFeedsList extends ConsumerWidget {
           ),
         ),
         suggestedFeedsAsync.when(
-          loading: () => const Padding(
-            padding: EdgeInsets.all(16),
-            child: Center(child: CircularProgressIndicator()),
-          ),
+          loading: () => const SuggestedFeedsListSkeleton(),
           error: (error, stackTrace) => Padding(
             padding: const EdgeInsets.all(16),
             child: Center(
diff --git a/lib/src/features/stories/ui/widgets/stories_list.dart b/lib/src/features/stories/ui/widgets/stories_list.dart
index 1e039f61..842560fd 100644
--- a/lib/src/features/stories/ui/widgets/stories_list.dart
+++ b/lib/src/features/stories/ui/widgets/stories_list.dart
@@ -2,6 +2,7 @@ import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:spark/src/core/design_system/components/molecules/story_circle.dart';
+import 'package:spark/src/core/design_system/templates/explore_loading_skeletons.dart';
 import 'package:spark/src/core/l10n/app_localizations.dart';
 import 'package:spark/src/core/routing/app_router.dart';
 import 'package:spark/src/features/auth/providers/auth_providers.dart';
@@ -56,7 +57,7 @@ class _StoriesListState extends ConsumerState<StoriesList> {
         SizedBox(
           height: 102,
           child: storiesByAuthor.when(
-            loading: () => const Center(child: CircularProgressIndicator()),
+            loading: () => const StoriesListSkeleton(),
             error: (error, stackTrace) => Center(
               child: Text(
                 error.toString(),