diff --git a/src/components/shared/ScanSkeleton.tsx b/src/components/shared/ScanSkeleton.tsx
new file mode 100644
index 0000000..60559fd
--- /dev/null
+++ b/src/components/shared/ScanSkeleton.tsx
@@ -0,0 +1,33 @@
+import GlassCard from "../GlassCard";
+export default function ScanSkeleton()  {
+  return (
+    <div className="p-6 space-y-6 animate-pulse">
+      <div className="flex flex-col md:flex-row gap-6">
+        <GlassCard className="flex-1 p-8">
+          <div className="h-4 w-32 skeleton-shimmer rounded mb-4"></div>
+          <div className="h-16 w-40 skeleton-shimmer rounded mb-4"></div>
+          <div className="h-2 w-full skeleton-shimmer rounded"></div>
+        </GlassCard>
+
+        <GlassCard className="md:w-72 p-6">
+          <div className="h-4 w-24 skeleton-shimmer rounded mb-4"></div>
+          <div className="h-8 w-full skeleton-shimmer rounded mb-3"></div>
+          <div className="h-8 w-full skeleton-shimmer rounded"></div>
+        </GlassCard>
+      </div>
+
+      <GlassCard className="p-6">
+        <div className="h-5 w-40 skeleton-shimmer rounded mb-4"></div>
+        <div className="space-y-3">
+          <div className="h-16 skeleton-shimmer rounded"></div>
+          <div className="h-16 skeleton-shimmer rounded"></div>
+          <div className="h-16 skeleton-shimmer rounded"></div>
+        </div>
+      </GlassCard>
+
+      <GlassCard className="p-4">
+        <div className="h-12 skeleton-shimmer rounded"></div>
+      </GlassCard>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index e1d1223..055a6c0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -396,4 +396,25 @@ input::placeholder {
 
 @media print {
   nav, .print\:hidden { display: none !important; }
+}
+@keyframes shimmer {
+  0% {
+    background-position: -200% 0;
+  }
+
+  100% {
+    background-position: 200% 0;
+  }
+}
+
+.skeleton-shimmer {
+  background: linear-gradient(
+    90deg,
+    var(--color-surface-mid) 25%,
+    var(--color-surface-highest) 50%,
+    var(--color-surface-mid) 75%
+  );
+
+  background-size: 200% 100%;
+  animation: shimmer 1.5s linear infinite;
 }
\ No newline at end of file
diff --git a/src/pages/AnalysisDashboard.tsx b/src/pages/AnalysisDashboard.tsx
index b5c2925..14d4f89 100644
--- a/src/pages/AnalysisDashboard.tsx
+++ b/src/pages/AnalysisDashboard.tsx
@@ -5,6 +5,7 @@ import GlassCard from '../components/GlassCard';
 import StatusTerminal from '../components/StatusTerminal';
 import { api } from '../lib/api';
 import type { ScanResult } from '../lib/types';
+import ScanSkeleton from "../components/shared/ScanSkeleton";
 const BIOMARKER_META = {
   gill_saturation: { label: 'Gill Saturation', icon: Droplets },
   corneal_clarity: { label: 'Corneal Clarity', icon: EyeIcon },
@@ -69,13 +70,9 @@ export default function AnalysisDashboard() {
     load();
   }, [params]);
 
-
-    if (loading) {
-    return (
-      <div className="min-h-[calc(100vh-4rem)] flex items-center justify-center">
-        <StatusTerminal messages={['LOADING_ANALYSIS...', 'FETCHING_RESULT']} />
-      </div>
-    );
+  // ── Loading state ────────────────────────────────────────────────────────
+  if (loading) {
+    return <ScanSkeleton />;
   }
 
   // ── Error state ──────────────────────────────────────────────────────────