{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "skeleton-shimmer-card",
  "type": "registry:ui",
  "title": "Skeleton Shimmer Card",
  "description": "Realistic placeholder skeleton loader with smooth gradient shimmer sweep for dashboard layouts.",
  "category": "feedback",
  "dependencies": [],
  "files": [
    {
      "path": "registry/feedback/skeleton-shimmer-card/skeleton-shimmer-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/skeleton-shimmer-card.tsx",
      "content": "import React from 'react';\n\nexport const SkeletonShimmerCard: React.FC = () => {\n  return (\n    <div className=\"w-full max-w-sm mx-auto p-5 rounded-3xl border border-zinc-200 dark:border-white/10 bg-white dark:bg-zinc-900/60 shadow-lg space-y-4\">\n      {/* Avatar & Header */}\n      <div className=\"flex items-center gap-3\">\n        <div className=\"relative h-10 w-10 rounded-full bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n          <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n        </div>\n        <div className=\"space-y-1.5 flex-1\">\n          <div className=\"relative h-3.5 w-2/3 rounded-lg bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n            <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n          </div>\n          <div className=\"relative h-2.5 w-1/3 rounded-lg bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n            <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n          </div>\n        </div>\n      </div>\n\n      {/* Hero media placeholder */}\n      <div className=\"relative h-28 w-full rounded-2xl bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n        <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n      </div>\n\n      {/* Paragraph rows */}\n      <div className=\"space-y-2 pt-1\">\n        <div className=\"relative h-2.5 w-full rounded bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n          <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n        </div>\n        <div className=\"relative h-2.5 w-4/5 rounded bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n          <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n        </div>\n      </div>\n\n      {/* Action button skeleton */}\n      <div className=\"pt-2\">\n        <div className=\"relative h-8 w-full rounded-xl bg-zinc-200 dark:bg-zinc-800 overflow-hidden\">\n          <div className=\"absolute inset-0 -translate-x-full animate-[shinyShimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/20 dark:via-white/10 to-transparent\" />\n        </div>\n      </div>\n    </div>\n  );\n};\n"
    }
  ]
}