wshobson avatar

Kpi Dashboard Design

Really solid framework for building dashboards that executives actually want to look at. It walks you through selecting meaningful KPIs by department, avoiding the classic trap of tracking vanity metrics, and organizing everything into the three-tier hierarchy that prevents information overload. The layout patterns are practical, especially the SaaS metrics template with proper cohort retention visualization and the real-time operations center design. Best part is the emphasis on metric governance and consistent calculation methodology, which saves you from those awkward meetings where different teams present conflicting numbers for the same KPI.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
14
skills.sh installs
17.2K
GitHub stars
42.4K
last updated
Aug 21, 2026

Install

$ npx -y skills add wshobson/agents --skill kpi-dashboard-design --agent claude-code

Installs into .claude/skills of the current project.

Files

KPI Dashboard Design

Comprehensive patterns for designing effective Key Performance Indicator (KPI) dashboards that drive business decisions.

When to Use This Skill

  • Designing executive dashboards
  • Selecting meaningful KPIs
  • Building real-time monitoring displays
  • Creating department-specific metrics views
  • Improving existing dashboard layouts
  • Establishing metric governance

Core Concepts

1. KPI Framework

LevelFocusUpdate FrequencyAudience
StrategicLong-term goalsMonthly/QuarterlyExecutives
TacticalDepartment goalsWeekly/MonthlyManagers
OperationalDay-to-dayReal-time/DailyTeams

2. SMART KPIs

Specific: Clear definition
Measurable: Quantifiable
Achievable: Realistic targets
Relevant: Aligned to goals
Time-bound: Defined period

3. Dashboard Hierarchy

Sponsors

Details

Repository
github.com/wshobson/agents
Categories
DevOps & CI/CD, Data Science & ML, Debugging, Design & UI/UX

More from wshobson/agents

All 174
1yuan1z0825 avatarnature-paper2pptyuan1z0825/nature-skillsBuild a complete Nature-style Chinese PPTX presentation from a scientific paper, preprint, PDF, article text, figure legends, or reading notes. Use for journal 17.1Kskills.sh installs
2apify avatarapify-ultimate-scraperapify/agent-skillsUniversal AI-powered web scraper for any platform. Scrape data from Instagram, Facebook, TikTok, YouTube, LinkedIn, X/Twitter, Google Maps, Google Search, Googl16.7Kskills.sh installs
3wshobson avatardesign-system-patternswshobson/agentsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing the16.7Kskills.sh installs
4citrolabs avatarego-browsercitrolabs/ego-liteego-browser (ego-lite) is a Chromium-based browser designed from the ground up to be friendly to both human users and AI Agents. AI Agents work in their own iso16.3Kskills.sh installs
5github avatarsql-optimizationgithub/awesome-copilotUniversal SQL performance optimization assistant for comprehensive query tuning, indexing strategies, and database performance analysis across all SQL databases16Kskills.sh installs
6yuan1z0825 avatarnature-readeryuan1z0825/nature-skillsBuild full-paper Chinese-English side-by-side, figure/table/equation-aware, source-grounded Markdown readers for journal or conference papers from PDF, DOI, arX15.9Kskills.sh installs