Kpi Dashboard Design
Seth HobsonCommunityCreated by Seth Hobson
- Skill
- Guidelines
- Data and AI
- MIT
- No issues found
AutoGineer summary
Written by AutoGineer from the skill’s own files, not by the author
KPI Dashboard Design provides a structured approach to creating dashboards that communicate performance effectively. It covers the selection of meaningful metrics, hierarchical layout patterns, and technical best practices for data accuracy and performance. The skill emphasizes actionable insights over vanity metrics, offering guidance on how to align dashboard design with strategic, tactical, and operational business needs.
What it does
- Defines a hierarchy for executive, tactical, and operational dashboard views.
- Provides best practices for visualization, including color usage and chart selection.
- Offers patterns for troubleshooting common data discrepancies and performance issues.
- Includes a comprehensive list of standard KPIs across sales, marketing, product, and finance departments.
- Outlines methods for implementing dynamic alert thresholds to prevent alert fatigue.
- Suggests architectural patterns for separating OLAP workloads from production databases.
When to use it
- When designing a new dashboard for executive or team-level monitoring.
- When you need to select the most relevant KPIs for a specific business function.
- When troubleshooting contradictory metrics or inaccurate data reporting.
- When optimizing dashboard performance to prevent database strain.
- When improving existing dashboard layouts to increase clarity and user adoption.
Advantages
- Reduces noise by focusing on a limited set of actionable KPIs.
- Ensures data consistency through documented calculation methodologies.
- Improves user comprehension with standardized layout and design patterns.
- Prevents performance degradation by recommending efficient data aggregation strategies.
- Helps align technical metrics with business goals and user-perceived quality.
Usage examples
- “Design a dashboard layout for a SaaS product team.”
- The agent provides a hierarchical structure including high-level usage metrics like DAU/MAU, quality metrics like NPS, and growth metrics like retention rates, organized for clarity.
- “How do I fix a dashboard where MRR is inconsistent with finance reports?”
- The agent guides you to align on a single calculation formula for subscription intervals and suggests documenting this formula directly on the dashboard.
- “My real-time dashboard is slowing down the database. What should I do?”
- The agent recommends moving from live queries to a pre-aggregated summary table updated via a scheduled job to reduce production load.
- “What are the best KPIs to track for a marketing department?”
- The agent lists key metrics categorized by acquisition, engagement, and ROI, such as CAC, conversion rates, and campaign performance.
Install
Download the skill as a ZIP:
https://mp-staging.autogineer.com/agent-skills/wshobson/kpi-dashboard-design/downloadUnzip it into the cross-client skills folder of your project:
mkdir -p .agents/skills && unzip kpi-dashboard-design.zip -d .agents/skills
Documentation by Seth Hobson
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
| Level | Focus | Update Frequency | Audience |
|---|---|---|---|
| Strategic | Long-term goals | Monthly/Quarterly | Executives |
| Tactical | Department goals | Weekly/Monthly | Managers |
| Operational | Day-to-day | Real-time/Daily | Teams |
2. SMART KPIs
Specific: Clear definition
Measurable: Quantifiable
Achievable: Realistic targets
Relevant: Aligned to goals
Time-bound: Defined period3. Dashboard Hierarchy
├── Executive Summary (1 page)
│ ├── 4-6 headline KPIs
│ ├── Trend indicators
│ └── Key alerts
├── Department Views
│ ├── Sales Dashboard
│ ├── Marketing Dashboard
│ ├── Operations Dashboard
│ └── Finance Dashboard
└── Detailed Drilldowns
├── Individual metrics
└── Root cause analysisDetailed worked examples and patterns
Detailed sections (starting with ## Common KPIs by Department) live in references/details.md. Read that file when the navigation summary above is insufficient.
Best Practices
Do's
Limit to 5-7 KPIs - Focus on what matters
Show context - Comparisons, trends, targets
Use consistent colors - Red=bad, green=good
Enable drilldown - From summary to detail
Update appropriately - Match metric frequency
Don'ts
Don't show vanity metrics - Focus on actionable data
Don't overcrowd - White space aids comprehension
Don't use 3D charts - They distort perception
Don't hide methodology - Document calculations
Don't ignore mobile - Ensure responsive design
Troubleshooting
MRR shown on dashboard contradicts finance's number
The most common cause is inconsistent treatment of annual plans. Finance may prorate to a daily rate while the dashboard normalizes to monthly. Align on a single formula and document it directly on the dashboard card:
-- Explicit formula shown in tooltip / data dictionary
-- Annual plans: divide total contract value by 12
-- Quarterly plans: divide by 3
-- Monthly plans: use as-is
CASE subscription_interval
WHEN 'monthly' THEN amount
WHEN 'quarterly' THEN amount / 3.0
WHEN 'yearly' THEN amount / 12.0
END AS normalized_mrrDashboard shows green but product team reports users complaining
The dashboard likely tracks system uptime (a lagging indicator) but not user-facing quality metrics. Add customer-perceived metrics alongside infrastructure metrics:
| Infrastructure (green) | User-perceived (add these) |
|---|---|
| API uptime 99.9% | P95 page load time |
| Error rate 0.1% | Task completion rate |
| Queue depth normal | Support ticket volume |
Retention cohort looks flat — no variation between cohorts
Check whether the cohort query is partitioning by signup month correctly. A common bug is using created_at::date instead of DATE_TRUNC('month', created_at), which groups by day and produces cohorts too small to show trends:
-- Wrong: too granular, cohorts are too small
DATE_TRUNC('day', created_at) AS cohort_date
-- Correct: monthly cohorts
DATE_TRUNC('month', created_at) AS cohort_monthReal-time dashboard hammers the database
A live dashboard refreshing every 10 seconds with complex cohort SQL will degrade production query performance. Separate OLAP workloads from OLTP by writing pre-aggregated metrics to a summary table via a scheduled job, and have the dashboard read from that:
# Scheduled every 5 minutes via cron/Celery
def refresh_mrr_summary():
conn.execute("""
INSERT INTO kpi_snapshot (metric, value, snapshot_at)
SELECT 'mrr', SUM(...), NOW()
FROM subscriptions WHERE status = 'active'
ON CONFLICT (metric) DO UPDATE SET value = EXCLUDED.value
""")Alert thresholds fire constantly, team ignores them
Static thresholds set once and never reviewed cause alert fatigue. Use dynamic thresholds based on rolling averages so alerts fire only when the metric deviates significantly from its own baseline:
# Alert if current value is > 2 standard deviations from 30-day rolling mean
def is_anomalous(current: float, history: list[float]) -> bool:
mean = statistics.mean(history)
stdev = statistics.stdev(history)
return abs(current - mean) > 2 * stdevRelated Skills
data-storytelling- Turn dashboard findings into narratives that drive executive decisions
Files
- ATTRIBUTION.mdAdded by AutoGineer996 B
- LICENSELicence file added by AutoGineer1.0 KiB
- SKILL.md5.4 KiB
- references/details.md14.6 KiB
Requirements and compatibility
Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta
“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.
Needs: Needs Python
Security
No issues found by our static scan· No issues found
A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.
Attribution and licence
- Created by
- Seth Hobson
- Publisher
- Seth Hobson (Community)
- Source
- wshobson/agents · plugins/business-analytics/skills/kpi-dashboard-design · commit 4bde316
- Licence
- MIT License (redistribution allowed)
- LICENSE (added by AutoGineer from LICENSE)
- ATTRIBUTION.md (written by AutoGineer)
- Synced
AutoGineer is not affiliated with or endorsed by Seth Hobson.
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download kpi-dashboard-design.zip