diff --git a/apps/web/src/components/skeleton.tsx b/apps/web/src/components/skeleton.tsx
index 7155436..eb2981b 100644
--- a/apps/web/src/components/skeleton.tsx
+++ b/apps/web/src/components/skeleton.tsx
@@ -58,6 +58,33 @@ export function TableRowSkeleton({ cols = 4 }: { cols?: number }) {
   )
 }
 
+/** Skeleton for the certificate list page — card grid */
+export function CertificateListSkeleton({ count = 6 }: { count?: number }) {
+  return (
+    <div
+      aria-busy="true"
+      aria-label="Loading certificates"
+      className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+    >
+      {Array.from({ length: count }).map((_, i) => (
+        <div
+          key={i}
+          aria-hidden="true"
+          className="rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-gray-900"
+        >
+          <Skeleton className="mb-3 h-4 w-24" />
+          <Skeleton className="mb-2 h-6 w-16" />
+          <Skeleton className="mb-4 h-3 w-32" />
+          <div className="flex items-center justify-between">
+            <Skeleton className="h-5 w-16 rounded-full" />
+            <Skeleton className="h-4 w-20" />
+          </div>
+        </div>
+      ))}
+    </div>
+  )
+}
+
 /** Skeleton for a Section/Row panel (verify page style) */
 export function SectionSkeleton({ rows = 4 }: { rows?: number }) {
   return (