Skebuddy 🦴

Drag-and-drop skeleton UI generator for shadcn/ui

Skebuddy helps developers quickly generate responsive skeleton loading layouts using pre-configured templates built with shadcn/ui and Tailwind CSS.

Instead of manually positioning skeletons or exporting non-responsive absolute layouts, Skebuddy produces clean, production-ready React code.

---

✨ Features

• 1. Prebuilt skeleton templates (cards, lists, dashboards)
• 2. Drag & drop editor with live preview
• 3. Responsive layouts (flex / grid — no absolute positioning)
• 4. Export clean JSX code
• 5. Built on shadcn/ui Skeleton
• 6. Simple single-template canvas model

---

🧠 Why Skebuddy?

Most skeleton generators focus on pixel-perfect positioning. Skebuddy focuses on layout correctness and responsiveness — so your loading UI behaves exactly like your real UI.

---

🛠 Tech Stack

• Next.js (App Router)
• React
• TypeScript
• Tailwind CSS
• shadcn/ui
• Zustand
• dnd-kit

---

🚀 Getting Started

git clone https://github.com/<your-username>/skebuddy.git
cd skebuddy
npm install
npm run dev
open http://localhost:3000