feat(ui): [UI7-1] 构建通用原子UI组件与业务Hooks

client/src/components/common/CardSkeleton.tsx

@@ -0,0 +1,13 @@
+import { Skeleton } from "../ui/skeleton";
+import { Card } from "../ui/card";
+
+export function CardSkeleton({ lines = 6 }: { lines?: number }) {
+  return (
+    <Card className="space-y-3 p-6">
+      <Skeleton className="h-5 w-48" />
+      {Array.from({ length: lines }, (_, i) => (
+        <Skeleton key={i} className="h-4 w-full" />
+      ))}
+    </Card>
+  );
+}