The dashboard-patterns skill provides a comprehensive suite of UI implementation patterns specifically designed for building admin panels, analytics dashboards, and data-heavy React applications. It includes standardized layouts using CSS Grid, reusable stat card widgets, a dynamic widget registry for flexible dashboard composition, and real-time data synchronization using TanStack Query and Server-Sent Events (SSE). By following these production-grade patterns, developers can avoid common pitfalls like duplicated queries, hardcoded layouts, or poor loading states, ensuring a responsive and efficient user experience for data-driven applications.
主要功能
0169 GitHub stars
02Optimized skeleton loading states to improve UX
03Dynamic widget registry for modular UI composition
04Responsive grid layouts for complex dashboard structures
05Real-time data integration using TanStack Query and SSE
06Feature-rich data tables powered by TanStack Table
