kpi-dashboard-designpor Seth Hobson

KPI Dashboard Design Skill.

Un skill de Claude Code y Codex para diagramas y gráficos: paneles de indicadores clave de rendimiento: selección de métricas, elección de gráficos, diseño y patrones en tiempo real.

Diagrams & Data Visualization
Dashboard

Descargar OpenDesign Ver guía de 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

Encabezados de sección y metadatos leídos del archivo original el 14 de septiembre de 2026 · 5423 caracteres en total

01 Qué hace

Qué hace el skill kpi-dashboard-design en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Este skill ofrece patrones exhaustivos para diseñar dashboards de indicadores clave de rendimiento (KPI) que impulsan decisiones de negocio. Cubre tres niveles de dashboard: estratégico para ejecutivos con actualizaciones mensuales/trimestrales, táctico para gerentes con actualizaciones semanales/mensuales, y operativo para equipos con actualizaciones en tiempo real/diarias.

El skill aborda el ciclo completo: seleccionar KPI significativos mediante el marco SMART, elegir visualizaciones adecuadas, establecer una jerarquía de dashboards desde el resumen ejecutivo hasta las vistas por departamento y los desgloses detallados, y resolver problemas habituales como inconsistencias de métricas entre departamentos, fatiga por alertas y problemas de rendimiento de bases de datos causados por consultas en tiempo real. Incluye patrones concretos de SQL y Python para análisis de cohortes, normalización de MRR, métricas preagregadas y umbrales de alerta dinámicos.

Qué produce

Consultas SQL con fórmulas de normalización explícitas documentadas en tooltips o diccionarios de datos
Código Python para instantáneas de métricas preagregadas que separan las cargas OLAP de las OLTP
Lógica dinámica de umbral de alerta mediante promedios móviles y desviación estándar

Ver el ejemplo de prompt ↗

Cómo funciona

01
Defina el nivel de KPI y la audiencia
Ajuste el alcance del panel a uno de tres niveles: estratégico para directivos con actualizaciones mensuales/trimestrales, táctico para gerentes con actualizaciones semanales/mensuales, u operativo para equipos con actualizaciones en tiempo real/diarias.
02
Aplique los criterios SMART a cada métrica
Asegúrese de que cada KPI sea Específico con una definición clara, Medible y cuantificable, Alcanzable con objetivos realistas, Relevante y alineado con las metas, y Temporal con un periodo definido.
03
Cree una jerarquía de tres niveles
Estructure los paneles con una página de resumen ejecutivo que muestre entre 4 y 6 KPI destacados con indicadores de tendencia y alertas clave, vistas por departamento para ventas/marketing/operaciones/finanzas, y desgloses detallados para el análisis de causa raíz.
04
Limite el alcance y muestre contexto
Limítese a un máximo de 5 a 7 KPI por vista e incluya siempre comparaciones, tendencias y objetivos para que los usuarios puedan interpretar los números de forma significativa.
05
Habilite el desglose del resumen al detalle
Diseñe rutas de navegación para que los usuarios puedan hacer clic desde las métricas ejecutivas de alto nivel hasta los datos detallados y el análisis de causa raíz detrás de cada número.

02 Encuentra tu caso de uso

Cuándo usar el skill kpi-dashboard-design

Use el skill kpi-dashboard-design en Claude Code o Codex cuando el trabajo sea diagramas y gráficos de este tipo. El ajuste y los límites a continuación están tomados del propio archivo del skill.

Buen caso de uso

Creación de un panel ejecutivo de métricas SaaS que hace seguimiento de MRR, churn y ratios LTV/CAC
Diseño de un centro de operaciones con monitorización en vivo del estado del servicio y del rendimiento de las solicitudes
Creación de una vista de análisis de retención por cohortes para un equipo de producto
Depuración de un panel en el que las métricas se contradicen entre sí debido a una metodología de cálculo inconsistente
Establecimiento de la gobernanza de métricas para garantizar definiciones coherentes en toda la organización

Qué proporcionar

Definiciones de métricas existentesComparta cómo se calculan actualmente las métricas (como el tratamiento del MRR en planes anuales o la lógica de agrupación de cohortes) para diagnosticar inconsistencias o alinear fórmulas.

03 Dentro del skill

Reglas que el skill kpi-dashboard-design le da a Claude Code y Codex

7 instrucciones concretas, valores predeterminados y límites que el SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

Use una semántica de color coherente
Aplique el rojo para indicar rendimiento negativo o problemas y el verde para indicar rendimiento positivo o estado saludable de forma coherente en todas las vistas del panel.
Nunca muestre métricas vanidosas
Excluya las métricas que parecen impresionantes pero no impulsan decisiones aplicables. Céntrese únicamente en los datos sobre los que los equipos puedan actuar para mejorar los resultados.
Nunca use gráficos 3D
Evite las visualizaciones tridimensionales porque distorsionan la percepción y dificultan que los usuarios comparen los valores con precisión.
Documentar la metodología de cálculo
Nunca oculte cómo se calculan las métricas. Documente siempre las fórmulas y la lógica, idealmente directamente en la tarjeta del dashboard o en tooltips, para evitar interpretaciones contradictorias.
Ajustar la frecuencia de actualización al tipo de métrica
Establezca frecuencias de actualización del dashboard adecuadas para cada KPI: en tiempo real o diaria para métricas operativas, semanal o mensual para métricas tácticas, y mensual o trimestral para métricas estratégicas.
Garantizar un diseño móvil responsivo
Diseñe los dashboards para que funcionen correctamente en dispositivos móviles, no solo en pantallas de escritorio, de modo que los ejecutivos y los miembros del equipo puedan acceder a las métricas críticas desde cualquier lugar.
Preservar el espacio en blanco para facilitar la comprensión
Evite sobrecargar los diseños del dashboard con demasiados elementos. El espacio en blanco facilita la comprensión y ayuda a los usuarios a centrarse en las métricas más importantes.

04 Ponlo a trabajar

Instalar kpi-dashboard-design en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Agregue kpi-dashboard-design a Claude Code, Codex o su agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal

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

Formulario genérico de la CLI de skills para plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md; el repositorio puede documentar su propia ruta.

Asignar al Skill una Primera Tarea de Diagramas y Gráficos

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su 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.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

Confirme que las consultas de cohortes usen DATE_TRUNC('month', created_at) en lugar de truncar la fecha a nivel de día, lo que crea cohortes demasiado pequeñas para mostrar tendencias
Compruebe que las métricas de calidad percibidas por el usuario, como el tiempo de carga de página P95 y la tasa de finalización de tareas, acompañen a las métricas de disponibilidad de la infraestructura
Pruebe que los dashboards en tiempo real lean de tablas de resumen preagregadas en lugar de ejecutar consultas complejas contra la base de datos de producción
Valide que los umbrales de alerta sean dinámicos, basados en promedios móviles, en lugar de valores estáticos que provocan fatiga de alertas

En OpenDesign importe kpi-dashboard-design desde su enlace SKILL.md: Plugins → Add → Skill → Import from link, y luego selecciónelo en la barra superior.

Descargar OpenDesign Leer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author: Seth Hobson
Repository: github.com/wshobson/agents Rama main
Archivo de skill: plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md Suma de verificación del contenido registrada en la verificación; commit 4236bb9
License: MIT De LICENSE.
Estrellas del repositorio: 39.635 Instantánea de GitHub tomada el 14/09/2026 para todo el repositorio wshobson/agents, que contiene 18 skills en este catálogo. No es una calificación ni un recuento de uso de kpi-dashboard-design.
Verificado por OpenDesign: 14/09/2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. No incluido en OpenDesign principal (verificado el 28/08/2026); no se ha registrado una ejecución en vivo en esta página.

Dentro del SKILL.md

Cuándo usar este skillEnumera seis escenarios: dashboards ejecutivos, selección de KPI, monitoreo en tiempo real, vistas por departamento, mejoras de diseño, gobernanza de métricas
Conceptos fundamentalesDefine el marco de KPI con tres niveles, los criterios SMART de KPI, y la estructura jerárquica de dashboards de tres niveles
Ejemplos detallados y patronesRemite a references/details.md para KPI comunes por departamento y patrones más profundos
Buenas prácticasCinco recomendaciones (limitar los KPI, mostrar contexto, colores consistentes, drilldown, actualizaciones adecuadas) y cinco prohibiciones (métricas de vanidad, sobrecarga, gráficos 3D, metodología oculta, ignorar lo móvil)
Solución de problemasResuelve cinco problemas: conflictos entre MRR y finanzas, infraestructura en verde frente a quejas de usuarios, cohortes planas, sobrecarga de la base de datos, fatiga de alertas
Skills relacionadosEnlaza al skill data-storytelling para convertir los hallazgos del dashboard en narrativas ejecutivas

La descripción propia del Skill

"Diseña dashboards de KPI efectivos con selección de métricas, mejores prácticas de visualización y patrones de monitoreo en tiempo real. Usa este skill cuando construyas un dashboard ejecutivo de métricas SaaS rastreando MRR, churn y ratios LTV/CAC; diseñes un centro de operaciones con salud del servicio en vivo y throughput de requests; crees una vista de análisis de retención por cohorte para un equipo de producto; o depures un dashboard donde las métricas se contradicen debido a metodología de cálculo inconsistente."

Descripción del encabezado de SKILL.md. El archivo completo tiene aproximadamente 5.423 caracteres. Lee el archivo completo en GitHub.

06 Antes de instalar

Preguntas sobre el skill kpi-dashboard-design

Las respuestas provienen del SKILL.md tal como se leyó el 2026-09-14, no de una ejecución registrada.

¿Qué pasa si el dashboard muestra métricas saludables pero los usuarios se quejan?

Es probable que el dashboard rastree métricas de infraestructura, como el tiempo de actividad de la API, pero no la calidad percibida por el usuario. Agregue métricas percibidas por el cliente, como el tiempo de carga de página P95, la tasa de finalización de tareas y el volumen de tickets de soporte, junto con el tiempo de actividad y las tasas de error de la infraestructura. La salud del sistema no siempre refleja la experiencia del usuario.

KPI Dashboard Design

Ejecuta kpi-dashboard-design en una tarea real de diagramas y gráficos.

Descarga OpenDesign, importa kpi-dashboard-design desde su enlace SKILL.md, pega el prompt de arriba y lee el plan antes del resultado.

Descargar OpenDesign Ver todas las skills

Terminal

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

Qué hace el skill kpi-dashboard-design en Claude Code y Codex

En los propios términos del Skill

Cómo funciona

Cuándo usar el skill kpi-dashboard-design

Buen caso de uso

Qué proporcionar

Reglas que el skill kpi-dashboard-design le da a Claude Code y Codex

Use una semántica de color coherente

Nunca muestre métricas vanidosas

Nunca use gráficos 3D

Documentar la metodología de cálculo

Ajustar la frecuencia de actualización al tipo de métrica

Garantizar un diseño móvil responsivo

Preservar el espacio en blanco para facilitar la comprensión