Dashboard UI patterns for building admin panels, analytics dashboards, and data-driven interfaces with React.
| Layout | CSS Grid for 2D dashboard layouts | | Real-time | SSE for server->client, WebSocket for bidirectional | | Data table | TanStack Table for features | | State | TanStack Query with granular keys | | Loading | Skeleton for content areas |
Modelli di interfaccia utente del dashboard con composizione di widget, aggiornamenti dei dati in tempo reale, layout di griglia reattivi e tabelle di dati per le applicazioni React. Da utilizzare durante la creazione di dashboard, widget o tabelle di dati. Fonte: yonatangross/orchestkit.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/yonatangross/orchestkit --skill dashboard-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw