Creating Dashboards

This handles the full stack of building analytics dashboards: KPI cards with trend indicators, coordinated filtering across widgets, drag-and-drop layouts with react-grid-layout, and real-time updates via SSE or WebSockets. It pushes you toward Tremor for quick fixed dashboards or react-grid-layout for customizable ones, with concrete patterns for lazy loading widgets and smart polling fallbacks. The examples cover everything from basic metric cards to full customizable grids with persistent layouts. It's opinionated about architecture choices (SSE over polling, specific state management patterns) which saves you from reinventing dashboard infrastructure. Good if you're building BI tools or SaaS admin panels and want tested patterns instead of starting from scratch.

Install to Claude Code

npx -y skills add ancoleman/ai-design-components --skill creating-dashboards --agent claude-code