dashboard-patterns

SKILL.md

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 |

Dashboard UI patterns with widget composition, real-time data updates, responsive grid layouts, and data tables for React applications. Use when building dashboards, widgets, or data tables. Source: yonatangross/skillforge-claude-plugin.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill dashboard-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw