first commit

src/components/PostCardSkeleton.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+export const PostCardSkeleton: React.FC = () => {
+  return (
+    <div className="border border-gray-200 rounded-lg p-6 shadow-sm bg-white animate-pulse">
+      <div className="flex items-center gap-2 mb-2">
+        <div className="w-16 h-5 bg-gray-200 rounded-full"></div>
+        <div className="w-20 h-4 bg-gray-200 rounded"></div>
+      </div>
+      <div className="h-6 bg-gray-200 rounded w-3/4 mb-3"></div>
+      <div className="space-y-2">
+        <div className="h-4 bg-gray-200 rounded w-full"></div>
+        <div className="h-4 bg-gray-200 rounded w-5/6"></div>
+        <div className="h-4 bg-gray-200 rounded w-4/6"></div>
+      </div>
+      <div className="mt-4 h-4 bg-gray-200 rounded w-20"></div>
+    </div>
+  )
+}