databuddy

Instrument React, Next.js, Vue, and Node.js apps with Databuddy SDK analytics.

1.1k|189|Updated Mar 11, 2025
One-click install
npx skills add https://github.com/databuddy-analytics/Databuddy --skill databuddy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: databuddy
Source: https://github.com/databuddy-analytics/Databuddy/tree/main/.cursor/skills/databuddy
Command: npx skills add https://github.com/databuddy-analytics/Databuddy --skill databuddy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Setting up Databuddy analytics across browsers, servers, and AI observability involves juggling SDK imports, REST calls, MCP tooling, and feature flag gating, which this skill centralizes into one discovery point.

Core Features & Use Cases

  • Multiplatform SDK entry points: Use the @databuddy/sdk core, React hooks, Node batching, Vue integrations, and Vercel AI middleware to track every runtime without duplicate wiring.
  • REST, MCP, and query tooling: Authenticate with API keys, hit analytics endpoints, send batched events, and surface MCP answers for natural-language insights or automated reporting.
  • Feature flags, batching, and privacy controls: Configure FlagsProvider, sampling rates, privacy mode, and deduplication so your launches stay predictable and compliant.
  • Use Case: Combine SDK event tracking with MCP queries to answer “top five pages last week” in your dashboards with Web Vitals, errors, and custom-event context.

Quick Start

Embed the Databuddy SDK component in your Next.js layout with your client ID to immediately track Web Vitals, errors, and custom events.

Frequently Asked Questions about databuddy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add privacy-first analytics tracking to a Next.js or React frontend?

Add privacy-first analytics tracking by embedding the Databuddy SDK component in your Next.js or React layout with your client ID. This immediately tracks Web Vitals, errors, and custom events across client environments.

Can I batch analytics events from a Node.js server using the REST API?

Yes, you can batch analytics events from a Node.js server using Databuddy REST API endpoints. Authenticate with API keys to send batched events securely from server environments.

What is LLM observability and how do I instrument AI workflows for tracking?

LLM observability tracks AI workflow events using Vercel AI middleware and MCP agents. Instrument these runtimes to capture AI interactions and surface natural-language insights for automated reporting.

Does Databuddy support feature flags in Vue applications?

Yes, Databuddy supports feature flags in Vue applications. Configure the FlagsProvider to control sampling rates, privacy mode, and deduplication so your application launches stay predictable and compliant.

How do I query top pages last week from my analytics data?

Query top pages last week by combining SDK event tracking with MCP tools. Surface natural-language answers in your dashboards alongside Web Vitals, errors, and custom-event context.

What are the limitations of using sampling rates and privacy mode in web analytics?

Configuring sampling rates and privacy mode in web analytics limits data collection volume to maintain compliance. Deduplication controls prevent redundant events, but high sampling thresholds may reduce tracking granularity.