Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

metrics-dashboard — Claude Code skill: design a product metrics

A skill that helps you design a product metrics dashboard with North Star Metric, Input Metrics, Health Metrics, and Business Metrics. Use it when defining KPIs, setting up product analytics, or building a data monitoring plan.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add phuryn/pm-skills --skill metrics-dashboard -a claude-code
Open on GitHub

What metrics-dashboard does

The skill organizes metrics into layers: North Star Metric (one primary metric, a leading indicator of business success), Input Metrics (3–5 levers that drive it), Health Metrics (guardrails for product health), and Business Metrics (revenue, cost, unit economics). For each metric, you define the exact calculation, data source, visualization type, target value, and alert threshold.

The skill applies the framework from *Lean Analytics*: a good metric is understandable, comparative over time, expressed as a ratio or rate, and changes behavior. It separates actionable metrics from vanity metrics, leading indicators from lagging ones, and offers a five-step action plan: audit metrics against quality criteria, update dashboards, identify vanity metrics, classify leading vs lagging indicators, and dig deep into one problem.

The skill includes a dashboard template with layout, review cadence recommendations (daily for operational health, weekly for input metrics, monthly for North Star and business metrics, quarterly for strategic review), and alert logic: thresholds that trigger, who gets notified, and expected response time.

What it helps with

  • choose a North Star Metric for your product
  • organize metrics into a hierarchy of leading and lagging indicators
  • design a dashboard with visualizations and alert thresholds
  • separate actionable metrics from vanity metrics
  • set up a review cadence for metrics over time

Example prompts for the agent

  • Design a metrics dashboard for a SaaS app focused on retention and engagement
  • Define a North Star Metric for a marketplace where transaction volume is key
  • Build an alert system to monitor health metrics in production

How to install metrics-dashboard

1Skills CLI (Vercel)

npx skills add phuryn/pm-skills --skill metrics-dashboard -a claude-code

2Manually: put the files in place

~/.claude/skills/metrics-dashboard/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/metrics-dashboard/

From the same set61

The whole set →
create-prd phuryn This skill builds a lean PRD from an 8-section template. Use it to define a feature, document product requirements, or review an existing PRD. Claude Code CX Codex Cursor +1 10,800installs pre-mortem phuryn Runs a pre-mortem risk assessment on PRDs and launch plans. Catches critical launch blockers, surfaces hidden team assumptions, and maps action items. Claude Code CX Codex Cursor +1 10,200installs outcome-roadmap phuryn Rewrites feature-heavy roadmaps into outcome-focused statements tied to business and customer impact. Helps teams replace rigid feature lists with measurable strategic goals. Claude Code CX Codex Cursor +1 9,900installs prioritization-frameworks phuryn Reference guide to 9 prioritization frameworks: RICE, ICE, Opportunity Score, Kano, MoSCoW and more. Helps you pick the right method, compare approaches, and rank tasks by importance. Claude Code CX Codex Cursor +1 9,900installs strategy-red-team phuryn Stress-tests PRDs, roadmaps, and strategies by attacking load-bearing assumptions before reality does, returning kill criteria and cheap tests. Claude Code CX Codex Cursor +1 9,200installs competitor-analysis phuryn This skill researches direct competitors and compares their positioning, strengths, weaknesses, and pricing. Use it to prepare a competitive brief or find ways to differentiate a product. Claude Code CX Codex Cursor +1 3,800installs business-model phuryn Skill generates a Business Model Canvas with all 9 building blocks: from key partners and activities to channels and revenue streams. Use it to create a business model, document how value flows, or analyze an existing business. Claude Code CX Codex Cursor +1 3,700installs privacy-policy phuryn Skill drafts a detailed privacy policy accounting for GDPR, CCPA, and other regulations. Use it when building a new product, updating data protection docs, or preparing for compliance audits. Claude Code CX Codex Cursor +1 3,500installs

Similar

argent-ios-device-setup software-mansion Guides coding agents through setting up a cabled physical iPhone for argent automation. Essential when testing on real hardware instead of an iOS simulator. Claude Code CX Codex Cursor +1 10,900installs gitnexus-guide abhigyanpatwari Reference guide for GitNexus MCP tools and knowledge graph schema. Helps coding agents navigate codebase dependencies and pick the right analysis tool. Claude Code CX Codex Cursor +1 806installs spike Hermes Agent (adapted from gsd-build/get-shit-done) A skill for throwaway experiments that validate an idea before you commit to building. Creates prototypes, compares approaches, and documents findings. Claude Code CX Codex Cursor +1 399installs mem0-vercel-ai-sdk mem0ai Connects Mem0 memory to the Vercel AI SDK. It shows your agent how to retrieve and store context inside generateText and streamText calls. Claude Code CX Codex Cursor +1 508installs debug-issue tirth8205 This skill traces bugs through a code graph before source inspection, then checks call paths and change impact. Use it when an issue needs a narrower debugging scope. Claude Code CX Codex Cursor +1 1,000installs node-inspect-debugger Hermes Agent Skill brings real breakpoints, step through, and variable inspection to Node.js debugging instead of console.log. Works with any Node process: tests, dev servers, Ink components. Claude Code CX Codex Cursor +1 396installs setup-matt-pocock-skills Matt Pocock This skill configures a repository for Matt Pocock's engineering skills by setting its issue tracker, triage labels, and domain docs layout. Run it before using the other skills. Claude Code 1,052,851installs to-tickets Matt Pocock Turns a plan, spec, or conversation into small end-to-end tickets with explicit blockers. Use it to agree on the work breakdown before tickets go to a tracker. Claude Code 711,230installs

Questions about metrics-dashboard

How do I install metrics-dashboard in Claude Code?

Run npx skills add phuryn/pm-skills --skill metrics-dashboard -a claude-code. The skill will be saved to ~/.claude/skills/metrics-dashboard/SKILL.md and is ready to use.

What does the metrics-dashboard skill do?

It guides you through designing a product metrics dashboard using the North Star + Input + Health + Business metrics framework. It structures which metrics to track, how to calculate them, visualize them, and when to alert.

What is the difference between a North Star Metric and Input Metrics?

A North Star Metric is a single primary metric that reflects customer value and acts as a leading indicator of company success. Input Metrics (3–5 of them) are levers you control that drive the North Star Metric.

Source text

SKILL.md · MIT
---
name: metrics-dashboard
description: "Define and design a product metrics dashboard with key metrics, data sources, visualization types, and alert thresholds. Use when creating a metrics dashboard, defining KPIs, setting up product analytics, or building a data monitoring plan."
---

## Product Metrics Dashboard

Design a comprehensive product metrics dashboard with the right metrics, visualizations, and alert thresholds.

### Context

You are designing a metrics dashboard for **$ARGUMENTS**.

If the user provides files (existing dashboards, analytics data, OKRs, or strategy docs), read them first.

### Domain Context

**Metrics vs KPIs vs NSM**: Metrics = all measurable things. KPIs = a few key quantitative metrics tracked over a longer period. North Star Metric = a single customer-centric KPI that is a leading indicator of business success.

**4 criteria for a good metric** (Ben Yoskovitz, *Lean Analytics*): (1) Understandable — creates a common language. (2) Comparative — over time, not a snapshot. (3) Ratio or Rate — more revealing than whole numbers. (4) Behavior-changing — the Golden Rule: "If a metric won't change how you behave, it's a bad metric."

**8 metric types**: Vanity vs Actionable (only actionable metrics change behavior), Qualitative vs Quantitative (WHAT vs WHY — you need both; never stop talking to customers), Exploratory vs Reporting (explore data to uncover unexpected insights), Lagging vs Leading (leading indicators enable faster learning cycles, e.g. customer complaints predict churn).

**5 action steps**: (1) Audit metrics against the 4 good-metric criteria. (2) Update dashboards — ensure all key metrics are good ones. (3) Identify vanity metrics — be careful how you use them. (4) Classify leading vs lagging indicators. (5) Pick one problem and dig deep into the data.

For case studies and more detail: [Are You Tracking the Right Metrics?](https://www.productcompass.pm/p/are-you-tracking-the-right-metrics) by Ben Yoskovitz

### Instructions

1. **Identify the metrics framework** — organize metrics into layers:

   **North Star Metric**: The single metric that best captures core value delivery

   **Input Metrics** (3-5): The levers that drive the North Star

   **Health Metrics**: Guardrails that ensure overall product health

   **Business Metrics**: Revenue, cost, and unit economics

2. **For each metric, define**:

   | Metric | Definition | Data Source | Visualization | Target | Alert Threshold |
   |---|---|---|---|---|---|
   | [Name] | [Exact calculation: numerator/denominator, time window] | [Where the data comes from] | [Line chart / Bar / Number / Funnel] | [Goal value] | [When to trigger an alert] |

3. **Design the dashboard layout**:

   ```
   ┌─────────────────────────────────────────────┐
   │  NORTH STAR: [Metric] — [Current Value]     │
   │  Trend: [↑/↓ X% vs last period]             │
   ├──────────────────┬──────────────────────────┤
   │  Input Metric 1  │  Input Metric 2          │
   │  [Sparkline]     │  [Sparkline]             │
   ├──────────────────┼──────────────────────────┤
   │  Input Metric 3  │  Input Metric 4          │
   │  [Sparkline]     │  [Sparkline]             │
   ├──────────────────┴──────────────────────────┤
   │  HEALTH: [Latency] [Error Rate] [NPS]       │
   ├─────────────────────────────────────────────┤
   │  BUSINESS: [MRR] [CAC] [LTV] [Churn]        │
   └─────────────────────────────────────────────┘
   ```

4. **Set review cadence**:
   - **Daily**: Operational health (errors, latency, critical flows)
   - **Weekly**: Input metrics and engagement trends
   - **Monthly**: North Star, business metrics, OKR progress
   - **Quarterly**: Strategic review and metric recalibration

5. **Define alerts**:
   - What thresholds trigger investigation?
   - Who gets alerted and through what channel?
   - What's the expected response time?

6. **Recommend tools** based on the user's context:
   - Amplitude, Mixpanel, PostHog for product analytics
   - Looker, Metabase, Mode for SQL-based dashboards
   - Datadog, Grafana for operational health

Think step by step. Save the dashboard specification as a markdown document.

---

### Further Reading

- [The Ultimate List of Product Metrics](https://www.productcompass.pm/p/the-ultimate-list-of-product-metrics)
- [The North Star Framework 101](https://www.productcompass.pm/p/the-north-star-framework-101)
- [The Product Analytics Playbook: AARRR, HEART, Cohorts & Funnels for PMs](https://www.productcompass.pm/p/the-product-analytics-playbook-aarrr)
- [AARRR (Pirate) Metrics: The 5-Stage Framework for Growth](https://www.productcompass.pm/p/aarrr-pirate-metrics)
- [The Google HEART Framework: Your Guide to Measuring User-Centric Success](https://www.productcompass.pm/p/the-google-heart-framework)
- [Funnel Analysis 101: How to Track and Optimize Your User Journey](https://www.productcompass.pm/p/funnel-analysis)
- [Are You Tracking the Right Metrics?](https://www.productcompass.pm/p/are-you-tracking-the-right-metrics)
- [Continuous Product Discovery Masterclass (CPDM)](https://www.productcompass.pm/p/cpdm) (video course)

© phuryn · MIT · phuryn/pm-skills

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor