⚡ Next.js Loading Skeleton

Transform slow-loading pages into delightful user experiences.

This skill automatically generates beautiful loading states for Next.js App Router using shadcn/ui Skeleton components. Say goodbye to blank screens and hello to instant visual feedback that keeps users engaged.

🎯 When to Use

Auto-activates when you mention:

• Creating Next.js App Router pages with data fetching
• Keywords: "loading", "skeleton", "placeholder", "Suspense"
• Building dashboards, tables, lists, or profile pages
• Pages with slow API calls or database queries
• Any layout that needs instant visual feedback