kpi-dashboard-designvon Seth Hobson

KPI Dashboard Design Skill.

Ein Claude Code- und Codex-Skill für Diagramme und Charts: KPI-Dashboards mit Metrikauswahl, Chart-Wahl, Layout und Echtzeit-Mustern.

Diagrams & Data Visualization
Dashboard

OpenDesign herunterladen Anleitung ansehen

wshobson/agents · plugins/business-analytics/skills/kpi-dashboard-design/SKILL.mdSKILL.md

--- name: kpi-dashboard-design description: Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use this skill when building an executive SaaS metrics dashboard tracking MRR, churn, and LTV/CAC ratios; designing an operations center with live service health and request throughput; creating a cohort retention analysis view for a product team; or debugging a dashboard where metrics contradict … --- ## When to Use This Skill ## Core Concepts ## Detailed worked examples and patterns ## Best Practices ## Related Skills

Frontmatter und Abschnittsüberschriften aus der Upstream-Datei vom 14.09.2026 · 5.423 Zeichen insgesamt

01 Was es tut

Was der kpi-dashboard-design Skill in Claude Code und Codex leistet

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Dieser Skill bietet umfassende Muster für die Gestaltung von Key-Performance-Indicator-Dashboards, die Geschäftsentscheidungen vorantreiben. Er behandelt drei Dashboard-Ebenen – strategisch für Führungskräfte mit monatlichen/quartalsweisen Updates, taktisch für Manager mit wöchentlichen/monatlichen Updates und operativ für Teams mit Echtzeit-/täglichen Updates.

Der Skill deckt den gesamten Lebenszyklus ab: Auswahl aussagekräftiger KPIs anhand des SMART-Frameworks, Wahl geeigneter Visualisierungen, Aufbau einer Dashboard-Hierarchie von der Executive-Zusammenfassung über Abteilungsansichten bis zu detaillierten Drilldowns sowie die Behebung häufiger Probleme wie Kennzahleninkonsistenzen zwischen Abteilungen, Alert-Müdigkeit und Datenbank-Performanceprobleme durch Echtzeitabfragen. Er enthält konkrete SQL- und Python-Muster für Kohortenanalysen, MRR-Normalisierung, vorab aggregierte Kennzahlen und dynamische Alert-Schwellenwerte.

Was er erzeugt

SQL-Abfragen mit explizit in Tooltips oder Datenwörterbüchern dokumentierten Normalisierungsformeln
Python-Code für vorab aggregierte Kennzahlen-Snapshots, der OLAP- von OLTP-Workloads trennt
Dynamische Alarmschwellenwert-Logik mit gleitenden Durchschnitten und Standardabweichung

Siehe Beispiel-Prompt ↗

So funktioniert es

01
KPI-Ebene und Zielgruppe definieren
Ordnen Sie den Dashboard-Umfang einer von drei Ebenen zu: strategisch für Führungskräfte mit monatlichen/quartalsweisen Updates, taktisch für Manager mit wöchentlichen/monatlichen Updates oder operativ für Teams mit Echtzeit-/täglichen Updates.
02
SMART-Kriterien auf jede Kennzahl anwenden
Stellen Sie sicher, dass jeder KPI spezifisch mit klarer Definition, messbar und quantifizierbar, erreichbar mit realistischen Zielen, relevant und auf die Ziele ausgerichtet sowie zeitlich befristet mit einem definierten Zeitraum ist.
03
Dreistufige Hierarchie aufbauen
Strukturieren Sie Dashboards mit einer Executive-Summary-Seite, die 4–6 zentrale KPIs mit Trendindikatoren und wichtigen Alarmen zeigt, mit Abteilungsansichten für Vertrieb/Marketing/Betrieb/Finanzen sowie detaillierten Drilldowns für die Ursachenanalyse.
04
Umfang begrenzen und Kontext zeigen
Konzentrieren Sie sich auf maximal 5–7 KPIs pro Ansicht und zeigen Sie stets Vergleiche, Trends und Zielwerte, damit Nutzer die Zahlen sinnvoll interpretieren können.
05
Drilldown von Übersicht zu Detail ermöglichen
Gestalten Sie Navigationspfade so, dass Nutzer von übergeordneten Executive-Kennzahlen bis zu den Detaildaten und der Ursachenanalyse hinter jeder Zahl klicken können.

02 Finden Sie Ihren Favoriten

Wann Sie den kpi-dashboard-design Skill verwenden

Verwenden Sie den kpi-dashboard-design-Skill in Claude Code oder Codex, wenn es um Diagramme und Charts dieser Art geht. Eignung und Grenzen unten sind der eigenen Datei des Skills entnommen.

Gut geeignet

Aufbau eines Executive-SaaS-Metriken-Dashboards zur Verfolgung von MRR, Churn und LTV/CAC-Verhältnissen
Entwurf eines Operations Centers mit Live-Überwachung von Servicezustand und Request-Durchsatz
Erstellung einer Cohort-Retention-Analyseansicht für ein Produktteam
Fehlersuche in einem Dashboard, bei dem sich Kennzahlen aufgrund inkonsistenter Berechnungsmethodik widersprechen
Einrichtung einer Metrik-Governance zur Sicherstellung konsistenter Definitionen im gesamten Unternehmen

Was Sie bereitstellen sollten

Bestehende MetrikdefinitionenTeilen Sie mit, wie Kennzahlen derzeit berechnet werden (etwa die MRR-Behandlung von Jahresplänen oder die Kohorten-Gruppierungslogik), um Inkonsistenzen zu diagnostizieren oder Formeln abzugleichen.

03 Innerhalb des Skills

Regeln, die das kpi-dashboard-design Skill Claude Code und Codex vorgibt

7 konkrete Anweisungen, Voreinstellungen und Grenzen, die die SKILL.md für den Agent festlegt – der Teil der Datei, der das Ergebnis verändert.

Konsistente Farbsemantik verwenden
Verwenden Sie Rot durchgängig, um negative Leistung oder Probleme anzuzeigen, und Grün, um positive Leistung oder einen gesunden Status anzuzeigen – konsistent über alle Dashboard-Ansichten hinweg.
Niemals Vanity-Metriken zeigen
Schließen Sie Kennzahlen aus, die beeindruckend wirken, aber keine umsetzbaren Entscheidungen fördern. Konzentrieren Sie sich nur auf Daten, auf deren Basis Teams handeln können, um Ergebnisse zu verbessern.
Niemals 3D-Diagramme verwenden
Vermeiden Sie dreidimensionale Visualisierungen, da sie die Wahrnehmung verzerren und es Nutzern erschweren, Werte präzise zu vergleichen.
Berechnungsmethodik dokumentieren
Verschleiern Sie niemals, wie Kennzahlen berechnet werden. Dokumentieren Sie Formeln und Logik stets, idealerweise direkt auf der Dashboard-Karte oder in Tooltips, um widersprüchliche Interpretationen zu vermeiden.
Aktualisierungsfrequenz an den Kennzahlentyp anpassen
Legen Sie die Aktualisierungsraten des Dashboards passend zu jedem KPI fest: Echtzeit oder täglich für operative Kennzahlen, wöchentlich oder monatlich für taktische Kennzahlen und monatlich oder vierteljährlich für strategische Kennzahlen.
Responsives Mobile Design sicherstellen
Gestalten Sie Dashboards so, dass sie nicht nur auf Desktop-Bildschirmen, sondern auch auf mobilen Geräten effektiv funktionieren, damit Führungskräfte und Teammitglieder überall auf wichtige Kennzahlen zugreifen können.
Weißraum für bessere Verständlichkeit erhalten
Überladen Sie Dashboard-Layouts nicht mit zu vielen Elementen. Weißraum unterstützt das Verständnis und hilft Nutzern, sich auf die wichtigsten Kennzahlen zu konzentrieren.

04 In Betrieb nehmen

kpi-dashboard-design in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

kpi-dashboard-design zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal

npx skills add https://github.com/wshobson/agents --skill kpi-dashboard-design

Generische skills-CLI-Form für plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md; das Repository kann seinen eigenen Pfad dokumentieren.

Dem Skill eine erste Diagramm- und Chart-Aufgabe geben

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt

Design an executive SaaS metrics dashboard for [our company] that tracks monthly recurring revenue, customer churn rate, and LTV/CAC ratio. The dashboard needs to update weekly and show trends over the past 12 months with comparisons to our target goals. We've been getting conflicting MRR numbers between this dashboard and finance reports because annual subscriptions are normalized differently. Include the calculation methodology directly on each metric card and ensure the design works on mobile devices for our remote executive team.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

Prüfen Sie, ob Cohort-Queries DATE_TRUNC('month', created_at) verwenden und nicht eine Trunkierung auf Tagesebene, die Cohorts erzeugt, die zu klein sind, um Trends zu zeigen
Prüfen Sie, ob nutzerwahrgenommene Qualitätskennzahlen wie P95-Seitenladezeit und Task-Completion-Rate zusammen mit Infrastruktur-Uptime-Kennzahlen erfasst werden
Testen Sie, ob Echtzeit-Dashboards aus vorab aggregierten Zusammenfassungstabellen lesen, statt komplexe Abfragen gegen die Produktionsdatenbank auszuführen
Stellen Sie sicher, dass Alarmschwellen dynamisch auf Basis gleitender Durchschnitte festgelegt werden und nicht statisch sind, was Alarm-Müdigkeit verursacht

In OpenDesign importieren Sie kpi-dashboard-design über den SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie es dann in der oberen Leiste aus.

OpenDesign herunterladen Quickstart lesen

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author: Seth Hobson
Repository: github.com/wshobson/agents Branch main
Skill-Datei: plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md Prüfsumme des Inhalts bei Verifizierung aufgezeichnet; Commit 4236bb9
License: MIT Aus LICENSE.
Repository-Sterne: 39.635 GitHub-Momentaufnahme vom 14.09.2026 für das gesamte Repository wshobson/agents, das 18 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für kpi-dashboard-design.
Verifiziert von OpenDesign: 14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

Wann dieser Skill eingesetzt wirdListet sechs Szenarien auf: Executive-Dashboards, KPI-Auswahl, Echtzeit-Monitoring, Abteilungsansichten, Layout-Verbesserungen, Kennzahlen-Governance
GrundkonzepteDefiniert das KPI-Framework mit drei Ebenen, SMART-KPI-Kriterien und eine dreistufige Dashboard-Hierarchiestruktur
Detaillierte Beispiele und MusterVerweist auf references/details.md für gängige KPIs nach Abteilung und weiterführende Muster
Best PracticesFünf Empfehlungen (KPIs begrenzen, Kontext zeigen, konsistente Farben, Drilldown, angemessene Aktualisierungen) und fünf Dinge, die zu vermeiden sind (Vanity-Metriken, Überladung, 3D-Diagramme, verborgene Methodik, mobile Ansicht ignorieren)
FehlerbehebungLöst fünf Probleme: MRR-/Finanz-Konflikte, grüne Infrastruktur trotz Nutzerbeschwerden, flache Cohorts, Datenbanküberlastung, Alarm-Müdigkeit
Verwandte SkillsVerweist auf den data-storytelling Skill, um Dashboard-Erkenntnisse in Executive-Narrative zu verwandeln

Die eigene Beschreibung des Skills

„Gestalten Sie effektive KPI-Dashboards mit Metriken-Auswahl, Visualisierungs-Best-Practices und Echtzeit-Monitoring-Mustern. Verwenden Sie diesen Skill beim Erstellen eines Executive-SaaS-Metrik-Dashboards zur Verfolgung von MRR, Churn und LTV/CAC-Verhältnissen; beim Entwerfen eines Operations-Centers mit Live-Service-Health und Request-Durchsatz; beim Erstellen einer Kohorten-Retention-Analyse-Ansicht für ein Produktteam; oder beim Debuggen eines Dashboards, bei dem sich Metriken aufgrund inkonsistenter Berechnungsmethodik widersprechen."

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 5.423 Zeichen. Vollständige Datei auf GitHub lesen.

06 Vor der Installation

Fragen zum kpi-dashboard-design Skill

Die Antworten stammen aus der SKILL.md, gelesen am 14.09.2026, nicht aus einem protokollierten Lauf.

Was, wenn das Dashboard gesunde Kennzahlen zeigt, sich Nutzer aber beschweren?

Das Dashboard erfasst wahrscheinlich Infrastrukturkennzahlen wie API-Uptime, aber keine nutzerwahrgenommene Qualität. Fügen Sie kundenwahrgenommene Kennzahlen wie P95-Seitenladezeit, Task-Completion-Rate und Support-Ticket-Volumen neben Infrastruktur-Uptime und Fehlerraten hinzu. Systemzustand spiegelt nicht immer die Nutzererfahrung wider.

KPI Dashboard Design

Führen Sie kpi-dashboard-design bei einer echten Diagramm- und Chart-Aufgabe aus.

Laden Sie OpenDesign herunter, importieren Sie kpi-dashboard-design über den SKILL.md-Link, fügen Sie die obige Aufforderung ein und lesen Sie den Plan vor dem Ergebnis.

OpenDesign herunterladen Alle Skills durchsuchen

Terminal

npx skills add https://github.com/wshobson/agents --skill kpi-dashboard-design

Was der kpi-dashboard-design Skill in Claude Code und Codex leistet

In den eigenen Worten des Skills

So funktioniert es

Wann Sie den kpi-dashboard-design Skill verwenden

Gut geeignet

Was Sie bereitstellen sollten

Regeln, die das kpi-dashboard-design Skill Claude Code und Codex vorgibt

Konsistente Farbsemantik verwenden

Niemals Vanity-Metriken zeigen

Niemals 3D-Diagramme verwenden

Berechnungsmethodik dokumentieren

Aktualisierungsfrequenz an den Kennzahlentyp anpassen

Responsives Mobile Design sicherstellen

Weißraum für bessere Verständlichkeit erhalten