kpi-dashboard-designyazan Seth Hobson

KPI Dashboard Design Skill.

Claude Code ve Codex için diyagram ve grafik ajanı: KPI gösterge panelleri: metrik seçimi, grafik tercihi, düzen ve gerçek zamanlı kalıplar.

Diagrams & Data Visualization
Dashboard

OpenDesign İndir Kullanım kılavuzunu görüntüle

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

Yukarı akış dosyasından 2026-09-14 tarihinde okunan ön bilgi ve bölüm başlıkları · tam haliyle 5.423 karakter

01 Ne yapar

kpi-dashboard-design Skill'inin Claude Code ve Codex'te Yaptıkları

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Bu skill, iş kararlarını yönlendiren Anahtar Performans Göstergesi panolarını tasarlamak için kapsamlı desenler sağlar. Üç pano seviyesini kapsar—yöneticiler için aylık/üç aylık güncellemelerle stratejik, müdürler için haftalık/aylık güncellemelerle taktiksel ve ekipler için gerçek zamanlı/günlük güncellemelerle operasyonel.

Skill, tüm yaşam döngüsünü ele alır: SMART çerçevesini kullanarak anlamlı KPI'ları seçme, uygun görselleştirmeleri belirleme, yönetici özetinden departman görünümlerine ve ayrıntılı detaylara kadar pano hiyerarşisi kurma ve departmanlar arası metrik tutarsızlıkları, uyarı yorgunluğu ve gerçek zamanlı sorguların neden olduğu veritabanı performans sorunları gibi yaygın sorunları giderme. Kohort analizi, MRR normalizasyonu, önceden toplanmış metrikler ve dinamik uyarı eşikleri için somut SQL ve Python desenleri içerir.

Neler üretir

Araç ipuçlarında veya veri sözlüklerinde belgelenmiş açık normalizasyon formülleriyle SQL sorguları
OLAP'ı OLTP iş yüklerinden ayıran önceden toplanmış metrik anlık görüntüleri için Python kodu
Hareketli ortalamalar ve standart sapma kullanan dinamik uyarı eşiği mantığı

Örnek istemi görün ↗

Nasıl Çalışır

01
KPI Seviyesini ve Hedef Kitleyi Tanımlayın
Gösterge panelinin kapsamını üç seviyeden birine uydurun: yöneticiler için aylık/üç aylık güncellemelerle stratejik, müdürler için haftalık/aylık güncellemelerle taktiksel veya ekipler için gerçek zamanlı/günlük güncellemelerle operasyonel.
02
Her Metriğe SMART Kriterlerini Uygulayın
Her KPI'ın net bir tanımla Spesifik, ölçülebilir ve sayısallaştırılabilir, gerçekçi hedeflerle Erişilebilir, hedeflerle uyumlu ve İlgili, ve tanımlı bir süreyle Zaman Sınırlı olmasını sağlayın.
03
Üç Katmanlı Hiyerarşi Oluşturun
Gösterge panellerini, trend göstergeleri ve önemli uyarılarla 4-6 başlıca KPI gösteren bir yönetici özeti sayfası, satış/pazarlama/operasyon/finans için departman görünümleri ve köke neden analizi için detaylı ayrıntı görünümleriyle yapılandırın.
04
Kapsamı Sınırlayın ve Bağlam Gösterin
Her görünümde en fazla 5-7 KPI'a odaklanın ve kullanıcıların sayıları anlamlı bir şekilde yorumlayabilmesi için her zaman karşılaştırmalar, trendler ve hedefler ekleyin.
05
Özetten Ayrıntıya Geçişi Etkinleştirin
Kullanıcıların üst düzey yönetici metriklerinden her sayının arkasındaki detaylı verilere ve köke neden analizine tıklayarak inebilmesi için gezinme yolları tasarlayın.

02 Uyumunuzu bulun

kpi-dashboard-design Skill Ne Zaman Kullanılır

İş bu tür diyagramlar ve grafikler olduğunda Claude Code veya Codex'te kpi-dashboard-design skill'ini kullanın. Uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

MRR, müşteri kaybı ve LTV/CAC oranlarını takip eden bir yönetici SaaS metrikleri gösterge paneli oluşturma
Canlı servis sağlığı ve istek işleme hızı izlemesi olan bir operasyon merkezi tasarlama
Bir ürün ekibi için bir kohort elde tutma analizi görünümü oluşturma
Tutarsız hesaplama metodolojisi nedeniyle metriklerin birbiriyle çeliştiği bir gösterge panelinde hata ayıklama
Kuruluş genelinde tutarlı tanımlar sağlamak için metrik yönetişimi kurma

Ne Sağlamalısınız

Mevcut metrik tanımlarıMetriklerin şu anda nasıl hesaplandığını (örneğin MRR'nin yıllık planları ele alışı veya kohort gruplama mantığı gibi) paylaşarak tutarsızlıkları teşhis edin veya formülleri hizalayın.

03 Skill'in içinde

kpi-dashboard-design Skill'in Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 7 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

Tutarlı Renk Anlamları Kullanın
Tüm gösterge paneli görünümlerinde tutarlı bir şekilde olumsuz performansı veya sorunları belirtmek için kırmızıyı, olumlu performansı veya sağlıklı durumu belirtmek için yeşili uygulayın.
Asla Gösterişten İbaret Metrikler Göstermeyin
Etkileyici görünen ama eyleme geçirilebilir kararları desteklemeyen metrikleri hariç tutun. Yalnızca ekiplerin sonuçları iyileştirmek için harekete geçebileceği verilere odaklanın.
Asla 3D Grafik Kullanmayın
Üç boyutlu görselleştirmelerden kaçının çünkü bunlar algıyı bozar ve kullanıcıların değerleri doğru şekilde karşılaştırmasını zorlaştırır.
Hesaplama Metodolojisini Belgeleyin
Metriklerin nasıl hesaplandığını asla gizli tutmayın. Formülleri ve mantığı, çelişkili yorumları önlemek için ideal olarak doğrudan dashboard kartı üzerinde veya tooltip'lerde belgeleyin.
Güncelleme Sıklığını Metrik Türüne Uygun Hale Getirin
Her KPI için dashboard yenileme oranlarını uygun şekilde ayarlayın: operasyonel metrikler için gerçek zamanlı veya günlük, taktiksel metrikler için haftalık veya aylık, stratejik metrikler için ise aylık veya çeyreklik.
Duyarlı Mobil Tasarımı Sağlayın
Dashboard'ları sadece masaüstü ekranlarda değil, mobil cihazlarda da etkili çalışacak şekilde tasarlayın; böylece yöneticiler ve ekip üyeleri kritik metriklere her yerden erişebilir.
Anlaşılırlık İçin Boş Alanı Koruyun
Dashboard düzenlerini çok fazla öğeyle doldurmaktan kaçının. Boş alan anlaşılırlığa yardımcı olur ve kullanıcıların en önemli metriklere odaklanmasını sağlar.

04 İşe koyun

kpi-dashboard-design'ı Claude Code veya Codex'e Yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

kpi-dashboard-design'ı Claude Code, Codex veya Ajanınıza Ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal

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

plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md için genel skills CLI formu; depo kendi yolunu belgeleyebilir.

Beceriye İlk Diyagram ve Grafik Görevi Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

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.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

Kohort sorgularının, eğilimleri göstermek için çok küçük kohortlar oluşturan gün seviyesinde tarih kırpma yerine DATE_TRUNC('month', created_at) kullandığını doğrulayın
P95 sayfa yükleme süresi ve görev tamamlama oranı gibi kullanıcı algısına dayalı kalite metriklerinin altyapı çalışma süresi metrikleriyle birlikte yer aldığını kontrol edin
Gerçek zamanlı dashboard'ların, üretim veritabanına karşı karmaşık sorgular çalıştırmak yerine önceden toplanmış özet tablolarından okuma yaptığını test edin
Uyarı eşiklerinin, uyarı yorgunluğuna neden olan statik değerler yerine kayan ortalamalara dayalı olarak dinamik olduğunu doğrulayın

OpenDesign'da kpi-dashboard-design'ı SKILL.md bağlantısından içe aktarın: Plugins → Add → Skill → Import from link, ardından üst çubukta seçin.

OpenDesign İndir Hızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author: Seth Hobson
Repository: github.com/wshobson/agents Branch main
Skill dosyası: plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md İçerik sağlama toplamı doğrulamada kaydedildi; commit 4236bb9
License: MIT LICENSE dosyasından.
Repository yıldızları: 39.635 GitHub anlık görüntüsü 2026-09-14 tarihinde, katalogda 18 skill içeren tüm wshobson/agents deposu için alındı. kpi-dashboard-design için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı: 2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde dahil değil (2026-08-28 kontrol edildi); bu sayfada canlı bir çalıştırma kaydedilmedi.

SKILL.md içinde

Bu Skill Ne Zaman KullanılırAltı senaryoyu listeler: yönetici dashboard'ları, KPI seçimi, gerçek zamanlı izleme, departman görünümleri, düzen iyileştirmeleri, metrik yönetişimi
Temel KavramlarÜç seviyeli KPI Çerçevesi'ni, SMART KPI kriterlerini ve üç katmanlı dashboard hiyerarşi yapısını tanımlar
Ayrıntılı çalışılmış örnekler ve desenlerDepartmana göre yaygın KPI'lar ve daha derin desenler için references/details.md'ye yönlendirir
En İyi UygulamalarBeş yapılması gereken (KPI sayısını sınırlayın, bağlam gösterin, tutarlı renkler, drilldown, uygun güncellemeler) ve beş yapılmaması gereken (vanity metrikleri, aşırı doldurma, 3D grafikler, gizli metodoloji, mobili göz ardı etme)
Sorun GidermeBeş sorunu çözer: MRR/finans çelişkileri, yeşil altyapı fakat kullanıcı şikayetleri, düz kohortlar, veritabanını zorlama, uyarı yorgunluğu
İlgili Skill'lerDashboard bulgularını yönetici anlatılarına dönüştürmek için data-storytelling skill'ine bağlantı verir

Skill'in Kendi Açıklaması

"Metrik seçimi, görselleştirme en iyi uygulamaları ve gerçek zamanlı izleme kalıplarıyla etkili KPI gösterge panelleri tasarlayın. MRR, churn ve LTV/CAC oranlarını takip eden bir yönetim SaaS metrik panosu oluştururken; canlı hizmet sağlığı ve istek hacmi olan bir operasyon merkezi tasarlarken; bir ürün ekibi için kohort tutma analizi görünümü oluştururken; veya tutarsız hesaplama metodolojisi nedeniyle metriklerin birbiriyle çeliştiği bir panoyu hata ayıklarken bu skill'i kullanın."

SKILL.md'den ön bilgi açıklaması. Tam dosya yaklaşık 5.423 karakterdir. Tam dosyayı GitHub'da okuyun.

06 Kurmadan önce

kpi-dashboard-design Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

Dashboard sağlıklı metrikler gösteriyor ama kullanıcılar şikayet ediyorsa ne olur?

Dashboard büyük olasılıkla API çalışma süresi gibi altyapı metriklerini takip ediyor ancak kullanıcı algısına dayalı kaliteyi izlemiyordur. Altyapı çalışma süresi ve hata oranlarının yanına P95 sayfa yükleme süresi, görev tamamlama oranı ve destek talebi hacmi gibi müşteri algısına dayalı metrikler ekleyin. Sistem sağlığı her zaman kullanıcı deneyimini yansıtmaz.

KPI Dashboard Design

kpi-dashboard-design'ı gerçek bir diyagram ve grafik görevinde çalıştırın.

OpenDesign'ı indirin, kpi-dashboard-design'ı SKILL.md bağlantısından içe aktarın, yukarıdaki komutu yapıştırın ve sonuç öncesi planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın

Terminal

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

kpi-dashboard-design Skill'inin Claude Code ve Codex'te Yaptıkları

Skill'in Kendi İfadeleriyle

Nasıl Çalışır

kpi-dashboard-design Skill Ne Zaman Kullanılır

İyi Uyum

Ne Sağlamalısınız

kpi-dashboard-design Skill'in Claude Code ve Codex'e Verdiği Kurallar

Tutarlı Renk Anlamları Kullanın

Asla Gösterişten İbaret Metrikler Göstermeyin

Asla 3D Grafik Kullanmayın

Hesaplama Metodolojisini Belgeleyin

Güncelleme Sıklığını Metrik Türüne Uygun Hale Getirin

Duyarlı Mobil Tasarımı Sağlayın

Anlaşılırlık İçin Boş Alanı Koruyun