kpi-dashboard-designdi Seth Hobson

KPI Dashboard Design Skill.

Uno skill per Claude Code e Codex per diagrammi e grafici: dashboard KPI: selezione di metriche, scelta di grafici, layout e pattern in tempo reale.

Diagrams & Data Visualization
Dashboard

Scarica OpenDesign Guida all'uso

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

Intestazione e intestazioni di sezione lette dal file upstream il 14/09/2026 · 5.423 caratteri in totale

01 Cosa fa

Cosa fa lo Skill kpi-dashboard-design in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Questo skill fornisce pattern completi per progettare dashboard di Key Performance Indicator che guidano le decisioni aziendali. Copre tre livelli di dashboard: strategico per i dirigenti con aggiornamenti mensili/trimestrali, tattico per i manager con aggiornamenti settimanali/mensili e operativo per i team con aggiornamenti in tempo reale/quotidiani.

Lo skill affronta l'intero ciclo di vita: selezionare KPI significativi utilizzando il framework SMART, scegliere visualizzazioni appropriate, stabilire una gerarchia della dashboard dal riepilogo esecutivo alle viste di reparto fino ai drilldown dettagliati, e risolvere problemi comuni come incongruenze delle metriche tra reparti, alert fatigue e problemi di performance del database causati da query in tempo reale. Include pattern concreti in SQL e Python per l'analisi per coorti, la normalizzazione dell'MRR, le metriche pre-aggregate e le soglie di alert dinamiche.

Che cosa produce

Query SQL con formule di normalizzazione esplicite documentate in tooltip o dizionari dei dati
Codice Python per snapshot di metriche pre-aggregate che separano i carichi OLAP da quelli OLTP
Logica dinamica delle soglie di allerta basata su medie mobili e deviazione standard

Vedi l'esempio di prompt ↗

Come funziona

01
Definire il Livello KPI e il Pubblico
Far corrispondere l'ambito della dashboard a uno dei tre livelli: strategico per i dirigenti con aggiornamenti mensili/trimestrali, tattico per i manager con aggiornamenti settimanali/mensili, oppure operativo per i team con aggiornamenti in tempo reale/giornalieri.
02
Applicare i Criteri SMART a Ogni Metrica
Assicurarsi che ogni KPI sia Specifico con una definizione chiara, Misurabile e quantificabile, Raggiungibile con obiettivi realistici, Rilevante e allineato agli obiettivi, e con Tempi definiti da un periodo stabilito.
03
Costruire una Gerarchia a Tre Livelli
Strutturare le dashboard con una pagina di riepilogo esecutivo che mostra 4-6 KPI principali con indicatori di tendenza e allerte chiave, vista per reparto per vendite/marketing/operazioni/finanza, e approfondimenti dettagliati per l'analisi delle cause principali.
04
Limitare l'Ambito e Mostrare il Contesto
Concentrarsi su un massimo di 5-7 KPI per vista e includere sempre confronti, tendenze e obiettivi affinché gli utenti possano interpretare i numeri in modo significativo.
05
Abilitare l'Approfondimento dal Riepilogo al Dettaglio
Progettare i percorsi di navigazione affinché gli utenti possano passare dalle metriche esecutive di alto livello ai dati dettagliati e all'analisi delle cause principali dietro ogni numero.

02 Trova la tua applicazione

Quando usare lo skill kpi-dashboard-design

Usa lo skill kpi-dashboard-design in Claude Code o Codex quando il lavoro riguarda diagrammi e grafici di questo tipo. Idoneità e limiti seguenti sono tratti dal file dello skill stesso.

Buona applicazione

Costruzione di una dashboard esecutiva di metriche SaaS che monitora MRR, churn e rapporti LTV/CAC
Progettazione di un centro operativo con monitoraggio in tempo reale dello stato dei servizi e del throughput delle richieste
Creazione di una vista di analisi della retention per coorte per un team di prodotto
Debug di una dashboard in cui le metriche si contraddicono a causa di una metodologia di calcolo incoerente
Definizione della governance delle metriche per garantire definizioni coerenti in tutta l'organizzazione

Cosa fornire

Definizioni delle metriche esistentiCondividere come vengono attualmente calcolate le metriche (ad esempio il trattamento dell'MRR per i piani annuali o la logica di raggruppamento per coorte) per diagnosticare incoerenze o allineare le formule.

03 Dentro la skill

Regole che la Skill kpi-dashboard-design Fornisce a Claude Code e Codex

7 istruzioni concrete, valori predefiniti e limiti che SKILL.md definisce per l'agente — la parte del file che cambia il risultato.

Utilizzare una Semantica dei Colori Coerente
Applicare il rosso per indicare prestazioni negative o problemi e il verde per indicare prestazioni positive o stato integro, in modo coerente in tutte le viste della dashboard.
Non Mostrare Mai Metriche di Vanità
Escludere le metriche che appaiono impressionanti ma non guidano decisioni concrete. Concentrarsi solo sui dati su cui i team possono agire per migliorare i risultati.
Non Utilizzare Mai Grafici 3D
Evitare le visualizzazioni tridimensionali perché distorcono la percezione e rendono più difficile per gli utenti confrontare i valori con precisione.
Documentare la Metodologia di Calcolo
Non nascondere mai come vengono calcolate le metriche. Documenti sempre le formule e la logica sottostante, idealmente direttamente sulla card della dashboard o nei tooltip, per evitare interpretazioni contrastanti.
Adattare la Frequenza di Aggiornamento al Tipo di Metrica
Imposti frequenze di aggiornamento della dashboard adeguate a ciascun KPI: in tempo reale o giornaliere per le metriche operative, settimanali o mensili per le metriche tattiche, e mensili o trimestrali per le metriche strategiche.
Garantire un Design Mobile Responsivo
Progetti le dashboard affinché funzionino efficacemente sui dispositivi mobili, non solo su schermi desktop, in modo che dirigenti e membri del team possano accedere alle metriche critiche ovunque.
Preservare lo Spazio Bianco per la Comprensione
Eviti di sovraccaricare i layout della dashboard con troppi elementi. Lo spazio bianco favorisce la comprensione e aiuta gli utenti a concentrarsi sulle metriche più importanti.

04 Mettila al lavoro

Installa kpi-dashboard-design in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi kpi-dashboard-design a Claude Code, Codex o al tuo agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal

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

Modulo generico della CLI skills per plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md; il repository potrebbe documentare un proprio percorso.

Assegna allo skill un primo compito su diagrammi e grafici

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

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.

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

Confermi che le query di coorte usino DATE_TRUNC('month', created_at) piuttosto che un troncamento della data a livello di giorno, che crea coorti troppo piccole per mostrare tendenze
Verifichi che le metriche di qualità percepite dall'utente, come il tempo di caricamento pagina P95 e il tasso di completamento attività, accompagnino le metriche di uptime dell'infrastruttura
Testi che le dashboard in tempo reale leggano da tabelle di riepilogo pre-aggregate piuttosto che eseguire query complesse sul database di produzione
Validi che le soglie di allerta siano dinamiche, basate su medie mobili, piuttosto che valori statici che causano fatica da allerta

In OpenDesign importi kpi-dashboard-design dal suo link SKILL.md: Plugins → Add → Skill → Import from link, poi lo selezioni nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author: Seth Hobson
Repository: github.com/wshobson/agents Branch main
File della skill: plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md Checksum del contenuto registrato alla verifica; commit 4236bb9
License: MIT Da LICENSE.
Stelle del repository: 39.635 Snapshot GitHub del 2026-09-14 per l'intero repository wshobson/agents, che contiene 18 skill in questo catalogo. Non è una valutazione né un conteggio di utilizzo per kpi-dashboard-design.
Verificato da OpenDesign: 14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

Quando Usare Questa SkillElenca sei scenari: dashboard esecutive, selezione dei KPI, monitoraggio in tempo reale, viste per reparto, miglioramenti di layout, governance delle metriche
Concetti FondamentaliDefinisce il KPI Framework con tre livelli, i criteri SMART KPIs e una struttura di gerarchia della dashboard a tre livelli
Esempi pratici dettagliati e patternRimanda a references/details.md per KPI comuni per reparto e pattern più approfonditi
Best PracticeCinque cose da fare (limitare i KPI, mostrare il contesto, colori coerenti, drilldown, aggiornamenti adeguati) e cinque da evitare (metriche vanità, sovraffollamento, grafici 3D, metodologia nascosta, ignorare il mobile)
Risoluzione dei ProblemiRisolve cinque problemi: conflitti MRR/finanza, infrastruttura verde vs reclami degli utenti, coorti piatte, sovraccarico del database, fatica da allerta
Skill CorrelateCollega alla skill data-storytelling per trasformare i risultati della dashboard in narrazioni per i dirigenti

Descrizione della skill

Progetta dashboard KPI efficaci con selezione delle metriche, best practice di visualizzazione e pattern di monitoraggio real-time. Usa questa skill quando costruisci una dashboard esecutiva SaaS per monitorare MRR, churn e rapporti LTV/CAC; progetti un centro operativo con stato di salute del servizio live e throughput delle richieste; crei una vista di analisi della retention per coorte per un team di prodotto; o debugghi una dashboard in cui le metriche si contraddicono a causa di una metodologia di calcolo incoerente.

Descrizione front-matter da SKILL.md. Il file completo è di circa 5.423 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sulla Skill kpi-dashboard-design

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

Cosa succede se la dashboard mostra metriche sane ma gli utenti si lamentano?

Probabilmente la dashboard traccia metriche infrastrutturali come l'uptime dell'API ma non la qualità percepita dagli utenti. Aggiunga metriche percepite dal cliente come il tempo di caricamento pagina P95, il tasso di completamento attività e il volume dei ticket di supporto, insieme all'uptime dell'infrastruttura e ai tassi di errore. Lo stato del sistema non sempre riflette l'esperienza utente.

Design di Dashboard KPI

Esegui kpi-dashboard-design su un task reale di diagrammi e grafici.

Scarica OpenDesign, importa kpi-dashboard-design dal suo link SKILL.md, incolla il prompt qui sopra e leggi il piano prima del risultato.

Scarica OpenDesign Esplora tutte le skill

Terminale

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

Cosa fa lo Skill kpi-dashboard-design in Claude Code e Codex

Nelle parole della skill

Come funziona

Quando usare lo skill kpi-dashboard-design

Buona applicazione

Cosa fornire

Regole che la Skill kpi-dashboard-design Fornisce a Claude Code e Codex

Utilizzare una Semantica dei Colori Coerente

Non Mostrare Mai Metriche di Vanità

Non Utilizzare Mai Grafici 3D

Documentare la Metodologia di Calcolo

Adattare la Frequenza di Aggiornamento al Tipo di Metrica

Garantire un Design Mobile Responsivo

Preservare lo Spazio Bianco per la Comprensione