ReddRadar
Agent skill
dashboard
Install this agent skill to your Project
npx add-skill https://github.com/Bbeierle12/Skill-MCP-Claude/tree/main/skills/dashboard
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
Bbeierle12/Skill-MCP-Claude
r3f-materials
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, creating custom shaders, or binding dynamic uniforms.
Bbeierle12/Skill-MCP-Claude
audio-router
Router for audio domain including playback, analysis, and audio-reactive visuals. Use when implementing any audio functionality including music, sound effects, visualizers, or audio-driven animations. Routes to 3 specialized skills.
Bbeierle12/Skill-MCP-Claude
case-studies-reference
Game building mechanics case studies and decision frameworks. Use when designing building systems, evaluating trade-offs, or learning from existing games. Reference-only skill with detailed analysis of Fortnite, Rust, Valheim, Minecraft, No Man's Sky, and Satisfactory building systems.
Bbeierle12/Skill-MCP-Claude
brainstorming
Use when starting any feature, project, or design work. Guides collaborative design refinement through incremental questioning before any code is written.
Bbeierle12/Skill-MCP-Claude
shader-router
Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) based on task requirements. Use when starting a shader project or needing guidance on which shader techniques to combine.
Bbeierle12/Skill-MCP-Claude
audio-playback
Audio playback using Tone.js including players, transport, scheduling, and loading audio. Use when implementing background music, sound effects, audio synchronization, or timed audio events. Essential for any audio-enabled web application.
Didn't find tool you were looking for?