Agent Native

create-dashboard

Creates cohesive Mixpanel dashboards by discovering event and property schemas, validating queries with real data, and arranging reports in a top-to-bottom…

by MixpanelOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (mixpanel)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
Apache-2.0 (permissive)
Pin
dfb891bpinned Oct 9, 2026
Context cost
about 1,100 tokenswhen the skill loads
GitHub stars
15on mixpanel/ai-plugins
Scripts
None found

What it does

“Creates a well-designed Mixpanel dashboard. Use when the user asks you to build, create, or design a dashboard, or when you need to present findings from an investigation as a live dashboard. Handles layout, text cards, report validation, and narrative structure.”
The author's description, from SKILL.md

Generated summary from the skill's own text

Creates cohesive Mixpanel dashboards by discovering event and property schemas, validating queries with real data, and arranging reports in a top-to-bottom narrative structure. Uses text cards, layouts of 4-8 rows with 2-4 reports per row, and descriptive naming to present analytical findings as live dashboards.

When to use it

  • User asks to build or design a Mixpanel dashboard
  • Need to present investigation findings as a live dashboard
  • Require structured layout of multiple analytics reports
  • Want to validate data exists before adding reports to dashboard

When not to

  • Building dashboards in systems other than Mixpanel
  • User needs a quick single metric query instead of full dashboard
  • No Mixpanel project context is available

Install

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add mixpanel/ai-plugins --skill create-dashboard

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install mixpanel/ai-plugins create-dashboard@dfb891bb6f754b5dcab2131b7311e7ccb9bf8c3e

Installs the commit we checked (dfb891b).

Copy by hand

Download the folder at dfb891b and put it in .claude/skills/create-dashboard for Claude Code and in .agents/skills/create-dashboard for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at dfb891b

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "create-dashboard" by Mixpanel.

Source, pinned to commit dfb891bb6f754b5dcab2131b7311e7ccb9bf8c3e:
https://github.com/mixpanel/ai-plugins/tree/dfb891bb6f754b5dcab2131b7311e7ccb9bf8c3e/plugins/mixpanel/skills/create-dashboard

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/create-dashboard/ for Claude Code and .agents/skills/create-dashboard/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Listing and checks: https://www.agentnative.dev/skills/mixpanel/create-dashboard

SKILL.md at the pin

---
name: create-dashboard
description: Creates a well-designed Mixpanel dashboard. Use when the user asks you to build, create, or design a dashboard, or when you need to present findings from an investigation as a live dashboard. Handles layout, text cards, report validation, and narrative structure.
license: Apache-2.0
metadata:
  engine: required
---

# Dashboard Creation

> **Engine required** — resolve an engine per [`ENGINE.md`](../../ENGINE.md): one named in the conversation or loaded instructions is mandatory (not set up → offer `/mixpanel:install` for it); otherwise use the Mixpanel MCP server, or offer `/mixpanel:install` if it's unavailable.

Your job is to design a coherent analytical narrative, not just drop reports into rows.

## Requirements

- Access to Mixpanel (query schemas, run queries, manage dashboards).

---

## Workflow

### Phase 1 — Scope

Infer the theme from the user's request and surrounding context. Pick a sensible structure yourself. Ask clarifying questions if the request is fundamentally ambiguous (e.g. no project context at all).

1. **Project.** Which Mixpanel project? If ambiguous, ask.
2. **Theme.** What is the dashboard about? Derive scope from the request.

### Phase 2 — Discover and validate

This is the most important phase. Empty or failing reports are the #1 complaint.

1. Resolve event and property names by querying the project schema (always discover available events and properties before building queries).
2. Run small probe queries to confirm the data exists and returns meaningful results.
3. A query that runs successfully but returns zero rows is still not useful — treat it like a missing event.

### Phase 3 — Plan layout

Before building, decide:

- **Be space-efficient.** Fewer rows with more reports each makes the dashboard faster to scan. Don't spread metrics across many rows when they fit naturally together.
- **Row hierarchy.** Headline metrics on top, supporting breakdowns below. The dashboard reads top-to-bottom like a narrative.
- **Row count.** Aim for **4-8 rows**. Don't add every available breakdown, be smart.
- **Items per row.** Use **2–4 reports per row**. A single report alone in a row wastes space — pair it with related metrics or a text card. **4 cards per row** (text + reports combined) is the practical maximum.
- **One conceptual focus per row.** Group related reports together; never mix unrelated metrics in the same row just to fill space.
- **Time filter.** Decide intentionally: Dashboard global time filter overrides all the reports. Don't use it when you want each report to have its own default range.
- **Text cards.** Identify where they add real value (see rules below).

### Phase 4 — Build queries

1. Validate every query returns real, non-empty data before adding it to the dashboard.
2. Only use `skip_results: true` once you have already confirmed a query produces meaningful output.
3. Never reuse a query template without knowing it produces valid results.

### Phase 5 — Compose the dashboard

- **Title:** `<distinguishing emoji> <theme>` — the emoji helps users tell multiple dashboards apart at a glance.
- **First row:** Intro text card setting context (what this dashboard covers, scope, audience, caveats).
- **Subsequent rows:** 1-4 reports per row, with an optional leading text card.
- **Report names:** Every report needs a descriptive name a viewer can understand without clicking into it — what the metric is, what it is broken down by, what context it covers. Avoid generic names like "Funnel" or "Trend".
- Be creative with layout. Each dashboard is different. Think about what _this_ user needs and arrange for maximum clarity.

### Phase 6 — Present

Respond with a brief summary (2–3 sentences) and the dashboard URL. **Never** list individual report URLs — the dashboard already contains them.

---

## Text Cards

### When to use them

- **Set context at the top** — what this dashboard covers, scope, audience, caveats.
- **Provide guidance at the bottom** — next steps, follow-ups.
- **Explain a concerning metric** — call attention to something the user should watch.
- **Section a row** — a short text card next to the report it describes.

### Placement rules

- **At most one text card per row.**
- Place a text card next to the report it relates to, or use it as a standalone row for section headings.

### Writing style

- Use rich formatting (headings, lists, bold, inline code) to create hierarchy inside the card — that is what makes them scannable. Read dashboard schema documentation for formatting options.
- Keep them short. A text card is a sign-post, not an essay.
- Lead with the point. If the card explains a metric, state the takeaway first, then the nuance.

From mixpanel/ai-plugins at dfb891b, shown as plain text under its license: Apache-2.0 (permissive). The license text is in plugins/mixpanel/skills/create-dashboard/SKILL.md.

View SKILL.md on GitHub at dfb891b

Files

1 file, 4.8 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at dfb891b
All 19 skills from Mixpanel

More from Mixpanel

  • auth

    Manages Mixpanel credentials, authentication, and account configuration for the mixpanel_headless library and mp CLI.

    Contains scripts

    Claude Code · about 3K tokens · pinned 6 days ago

  • dashboard-expert

    This skill analyzes, builds, modifies, and adds explainer text to Mixpanel dashboards using the mixpanel_headless Python library.

    Claude Code · about 2.8K tokens · pinned 6 days ago

  • mixpanelyst

    The skill analyzes Mixpanel data by running Python code with the mixpanel_headless library and pandas.

    Claude Code · about 4.3K tokens · pinned 6 days ago

  • session-replay

    This skill retrieves and analyzes Mixpanel session replay recordings to show what a specific user did on screen, action by action.

    Claude Code · about 2.6K tokens · pinned 6 days ago

  • setup

    This skill creates an isolated Python environment for Mixpanel analysis, installs mixpanel-headless version 0.4.0 or newer along with data science libraries…

    Contains scripts

    Claude Code · about 1.1K tokens · pinned 6 days ago

  • analyze-report

    Interprets existing Mixpanel reports and charts by re-running queries, identifying patterns, and summarizing what the data shows and what stands out.

    Claude Code, Codex, Cursor +4 · about 1.9K tokens · pinned 6 days ago

  • deep-research

    This skill conducts structured investigations into Mixpanel metrics to uncover why data changed or what's driving a trend.

    by MixpanelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 930 tokens · pinned 6 days ago

  • install

    This skill sets up Mixpanel integration for a project by configuring one of three engines: Mixpanel MCP server, the headless Python SDK, or the user's own…

    by MixpanelOfficial publisher

    Claude Code · about 1.2K tokens · pinned 6 days ago

  • learn-mcp

    This skill guides users through interactive modules on how to use the Mixpanel MCP server for product analytics.

    by MixpanelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.6K tokens · pinned 6 days ago

  • manage-boards

    This skill provides full lifecycle management for Mixpanel dashboards, enabling agents to create, template, clone, clean up, inventory, and update boards…

    by MixpanelOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 1.6K tokens · pinned 6 days ago

  • manage-experiment

    This skill guides users through the full lifecycle of a Mixpanel A/B experiment: designing (hypothesis, metrics, sample sizing, statistical model selection)…

    by MixpanelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.7K tokens · pinned 6 days ago

  • manage-feature-flags

    Guides users through Mixpanel feature flag lifecycle: selecting the right flag type (Feature Gate, Dynamic Config, or Experiment), creating and naming flags…

    by MixpanelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.1K tokens · pinned 6 days ago

Open roles at Mixpanel

3 open roles on the jobs board

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use