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

analytics-events — Metabase Snowplow analytics skill for Claude Code

A skill that teaches coding agents how to add Snowplow analytics events to the Metabase frontend. Use it when tracking clicks, form submissions, and entity creation.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add metabase/metabase --skill analytics-events -a claude-code
Open on GitHub

What analytics-events does

The analytics-events skill covers Snowplow event tracking in the Metabase frontend. Simple events are declared where they fire: trackSimpleEvent is generic, so the payload is checked at the call site. No separate event type to declare.

The skill lists the files that matter — frontend/src/metabase/analytics/event.ts, frontend/src/metabase-types/analytics/event.ts, frontend/src/metabase-types/analytics/schema.ts — plus a checklist for naming events in snake_case and wiring a tracking function from the feature's analytics.ts into the component.

It also tells agents to stay away from metabase-types/analytics/event.ts and from adding custom schemas. That keeps the type registry small, but it means existing legacy schemas stay untouched.

What it helps with

  • add click and form submission tracking to Metabase
  • record events with target_id and duration_ms
  • keep the central event type registry from growing
  • point the agent to the right tracking functions

Example prompts for the agent

  • Add tracking for when a user applies filters in the table picker
  • Add an event with result and duration for moving a question to trash
  • Where are analytics tracking functions declared in this repo?

How to install analytics-events

1Skills CLI (Vercel)

npx skills add metabase/metabase --skill analytics-events -a claude-code

2Manually: put the files in place

~/.claude/skills/analytics-events/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/analytics-events/

From the same set6

The whole set →

Similar

premium-frontend-ui official Utkarsh Patrikar Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs expo-native-ui expo Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors. Claude Code CX Codex Cursor +1 31,400installs react-modernization Seth Hobson This skill upgrades React codebases, moves class components to hooks, and guides React 18 adoption. Use it when a legacy React app needs a structured migration. Claude Code CX Codex Cursor 12,625installs wcag-audit-patterns Seth Hobson Audits web interfaces against WCAG 2.2 with automated checks and manual verification. Use it to find violations and build accessible patterns. Claude Code CX Codex Cursor 12,486installs threejs-animation CloudAI-X Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU. Claude Code CX Codex Cursor +1 20,100installs seo-images AgriciDaniel Checks alt text, file size, format (WebP/AVIF), responsive images, lazy loading, and metadata. Flags CLS issues and shows how many kilobytes you can save. Claude Code CX Codex Cursor +1 6,700installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about analytics-events

How do I install analytics-events in Claude Code?

Run npx skills add metabase/metabase --skill analytics-events -a claude-code. The skill ends up in ~/.claude/skills/analytics-events/SKILL.md.

What does analytics-events do?

It teaches an agent to add Snowplow events to the Metabase frontend: which files to touch, how to call trackSimpleEvent, and which fields SimpleEventSchema supports.

Should I add a new event type to metabase-types/analytics/event.ts?

No. The skill explicitly says not to add types there. Simple events are declared at the call site through trackSimpleEvent; local unions stay in the feature's analytics.ts.

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