phrazzld

dashboard

2
1
# Install this skill:
npx skills add phrazzld/claude-config --skill "dashboard"

Install specific skill from multi-skill repository

# Description

|

# SKILL.md


name: dashboard
description: |
Unified portfolio dashboard. Traffic, revenue, errors - all products at a glance.
Weekly traction check in 2 minutes.

Auto-invoke when: user asks about metrics, traction, analytics, revenue across products.
argument-hint: "[--html to export to file]"


/dashboard

See everything. Find traction signals.

What This Does

Aggregates metrics from all MistyStep products into a single view:
- Traffic: Vercel Analytics per domain
- Revenue: Stripe (subscriptions, one-time payments)
- Errors: Sentry error counts
- Changes: Week-over-week deltas with anomaly flags

Output Format

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ MISTYSTEP PORTFOLIO - Week of Jan 20                            β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚ Product          β”‚ Visits β”‚ Ξ”    β”‚ Revenue β”‚ Errors β”‚ Status    β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚ Volume           β”‚   892  β”‚ ↑147%β”‚  $45.00 β”‚   0    β”‚ ⚠️ SIGNAL β”‚
β”‚ Heartbeat        β”‚   234  β”‚ ↑ 12%β”‚   $0.00 β”‚   2    β”‚ 🟒        β”‚
β”‚ Scry             β”‚    45  β”‚ ↓  5%β”‚   $0.00 β”‚   0    β”‚ 🟒        β”‚
β”‚ Crondle          β”‚   156  β”‚ β†’  0%β”‚   $0.00 β”‚   0    β”‚ 🟒        β”‚
β”‚ ...              β”‚        β”‚      β”‚         β”‚        β”‚           β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚ TOTAL            β”‚  2,847 β”‚ ↑ 34%β”‚ $127.00 β”‚   3    β”‚           β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

⚠️ Volume showing unusual growth (+147%)
   Investigate: What's driving traffic?

Process

1. Load Product Registry

Read products.yaml for the list of products and their API identifiers:
- Vercel project IDs
- Stripe account/product IDs
- Sentry project slugs
- Domain names

2. Fetch Metrics

For each product, fetch:

Traffic (Vercel Analytics API)

# Requires VERCEL_TOKEN env var
curl -s "https://vercel.com/api/web-analytics/stats?projectId=${PROJECT_ID}&from=${LAST_WEEK}&to=${NOW}" \
  -H "Authorization: Bearer $VERCEL_TOKEN"

Revenue (Stripe API)

# Requires STRIPE_SECRET_KEY env var
stripe balance_transactions list --created[gte]=$LAST_WEEK --limit=100
# Or for specific product revenue:
stripe invoices list --created[gte]=$LAST_WEEK --status=paid

Errors (Sentry API)

# Requires SENTRY_AUTH_TOKEN env var
curl -s "https://sentry.io/api/0/projects/${ORG}/${PROJECT}/stats/" \
  -H "Authorization: Bearer $SENTRY_AUTH_TOKEN"

3. Calculate Deltas

Compare this week vs last week:
- ↑ = increase > 5%
- ↓ = decrease > 5%
- β†’ = stable (within 5%)
- ⚠️ SIGNAL = change > 50% (investigate!)

4. Display Results

Output formatted table to terminal.

Optional: --html flag exports to ~/dashboard.html for browser viewing.

Product Registry

Edit ~/.claude/skills/dashboard/products.yaml to configure products:

products:
  - name: Volume
    domain: volume.app
    vercel_project_id: prj_xxx
    stripe_product_id: prod_xxx
    sentry_project: volume

  - name: Heartbeat
    domain: heartbeat.app
    vercel_project_id: prj_yyy
    stripe_product_id: prod_yyy
    sentry_project: heartbeat

  # ... more products

Required Environment Variables

# Vercel - for traffic analytics
VERCEL_TOKEN=xxx

# Stripe - for revenue
STRIPE_SECRET_KEY=sk_live_xxx

# Sentry - for errors (optional)
SENTRY_AUTH_TOKEN=xxx
SENTRY_ORG=mistystep

Usage

# Weekly check (terminal output)
/dashboard

# Export to HTML for browser
/dashboard --html

# Check specific product only
/dashboard volume

When to Use

  • Weekly ritual: Every Monday, run /dashboard to spot traction
  • After launch: Check if announcement drove traffic
  • Investigating issues: See if errors spiked

Traction Signals

The dashboard flags products with >50% change as potential traction signals.

When you see ⚠️ SIGNAL:
1. Investigate the source (referrer data)
2. Is it sustainable or a one-time spike?
3. If sustainable, consider /double-down

Fallback: Browser Automation

If APIs aren't configured, fall back to browser automation:
1. Open Vercel dashboard in Chrome
2. Navigate to each project's analytics
3. Screenshot or extract numbers
4. Repeat for Stripe and Sentry dashboards

This is slower but works without API setup.

  • /observability - Full monitoring setup (Sentry, PostHog, etc.)
  • /stripe - Stripe integration audit
  • /double-down - What to do when traction appears (future skill)

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.