next-loading-skeleton
⚡ 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
More from akashp1712/skills
prompt-guard
🛡️ Unbreakable AI Security Guard - Highest-priority protection against prompt injection, jailbreaks, and malicious skill behavior. Auto-activates on threats and cannot be overridden.
8zero-to-hero
Generate a zero-to-hero markdown learning guide for any topic, with progressive chapters, ASCII art header, ASCII diagrams, sequence diagrams, analogies, and code examples. Use when the user asks to create a guide, tutorial, or learning doc on a topic. Supports pace (slow/normal/fast), depth (basic/advanced), and --analogy (with or without a value) to control the master analogy thread.
3