Bbeierle12

Dashboard Router

- **Full-featured**: All sub-skills

Bbeierle12 8 4 Actualitzat fa 10 mesos

Recursos

2
GitHub

Instal·la

npx skillscat add bbeierle12/skill-mcp-claude/skills-dashboard

Instal·la des del registre de SkillsCat.

SKILL.md

Dashboard Router

Routes to specialized sub-skills for data dashboard development.

Sub-Skills

Sub-Skill Use When
charts Data visualization with D3, Recharts, or Chart.js
real-time WebSocket connections, live data streaming
filtering Search, faceted filters, query builders

Architecture Overview

Dashboard
├── DataLayer (fetching, caching, transforms)
├── ChartComponents (reusable visualizations)
├── FilterPanel (search, facets, date ranges)
├── Layout (responsive grid, drag-and-drop)
└── RealTimeManager (WebSocket, polling fallback)

Key Patterns

Data Flow

API/WebSocket → DataStore → Transform → Charts
                    ↑
              Filters/Queries

Responsive Layout

  • Use CSS Grid for dashboard tiles
  • Implement breakpoint-based chart simplification
  • Consider virtualization for large data tables

Common Combinations

  • Analytics dashboard: charts + filtering
  • Live monitoring: charts + real-time
  • Full-featured: All sub-skills