posthog-analytics

Name: posthog-analytics
Author: tomevault-io

Writing Community

Repo stars 0
Author updated Live
Author repo skills-registry

Fluxly profile Facts only: domain, agents, trust score, runtime, permissions and network

Domain: Writing
Compatible agents: Claude Code
Cursor
Cline
Codex
Windsurf
Gemini CLI

+20
Trust score: 88 / 100 · community maintained
Author / version / license: @tomevault-io · no license declared
Token usage: Lean
Setup complexity: Guided setup
External API key: Required · Vendor-specific
Operating systems: macOS · Linux · Windows
Runtime requirements: No special requirements
Permissions: Read-only
Write / modify
Env read
Network behavior: External requests
Install commands: 26 variants

Profile is derived at build time from SKILL.md and install vectors. Subject to drift from author intent.

Heads up: 未限定 allowed-tools，默认拥有全部工具权限。

Output preview posthog-analytics.preview

---
name: posthog-analytics
description: PostHog analytics and session replay integration for React Native mobile apps. Use when adding e…
category: writing
runtime: no special runtime
---

# posthog-analytics output preview

## PART A: Task fit
- Use case: PostHog analytics and session replay integration for React Native mobile apps. Use when adding event tracking, understanding session replay behavior, or troubleshooting analytics setup. Use when this capability is needed..
- Inputs: target material, constraints, expected output, and acceptance criteria.
- Evidence boundary: follow “What's Already Configured / Files Involved / How Session Replay Works” and do not present inference as author intent.

## PART B: Execution result
- **01** The card summarizes the use case; runtime output centers on “PostHog analytics and session replay integration for React Native mobile apps. Use when adding event tracking, understanding session replay behavior, or troubleshooting analytics setup. Use when this capability is needed.”.
- **02** When the source has headings, the agent prioritizes “What's Already Configured / Files Involved / How Session Replay Works” so the result follows the author’s structure.
- **03** Typical output includes task judgment, concrete steps, required commands or file edits, validation, and follow-up options.
- **04** Risk context follows the fingerprint: read files, write/modify files, read environment variables; may access external network resources; requires Vendor-specific API keys.

## Running Rules
- read files, write/modify files, read environment variables; may access external network resources; requires Vendor-specific API keys.
- Validate with a small sample before expanding scope.
- Return the result, validation criteria, and next iteration options.

SKILL.md SKILL.md

---
name: posthog-analytics
description: PostHog analytics and session replay integration for React Native mobile apps. Use when adding e…
category: writing
source: tomevault-io/skills-registry
---

# posthog-analytics

## When to use
- PostHog analytics and session replay integration for React Native mobile apps. Use when adding event tracking, underst…
- Use it when the task has clear inputs, repeatable steps, and validation criteria.

## What to provide
- Target material, scope, expected result, and forbidden changes.
- Whether network, commands, file writes, or external services are allowed.

## Execution rules
- Organize steps around “What's Already Configured / Files Involved / How Session Replay Works” and keep inference separate from source facts.
- read files, write/modify files, read environment variables; may access external network resources; requires Vendor-specific API keys.
- Validate with a small sample before expanding the task.

## Output requirements
- Return the deliverable, key evidence, validation method, and next action.
- Mark missing information as unknown; do not invent commands, platforms, or dependencies.

Evidence boundary and execution chain

The author source anchors workflow facts; repository files anchor sources and commands; Fluxly only adds fit, limitations, and quality judgment.

skill "posthog-analytics" {
  input      -> user goal + target files + boundaries + acceptance criteria
  context    -> What's Already Configured / Files Involved / How Session Replay Works
  rules      -> SKILL.md triggers / order / output contract
  runtime    -> no special runtime | read files, write/modify files, read environment variables | may access external network resources
  guardrails -> requires Vendor-specific API keys + small-sample validation + diff/log review
  output     -> copyable result + checklist + next iteration
}

Interpretation is structured for decision-making; original keeps the upstream SKILL.md unchanged.

Decide Fit First

Core job: PostHog analytics and session replay integration for React Native mobile apps. Use when adding event tracking, understanding ses…
Best fit: Use it when the task has reusable inputs, steps, and validation criteria rather than a one-off answer.
Avoid forcing it: If the source lacks commands, platform support, or external-service evidence, keep those fields unknown instead of guessing.

Design Intent

Structure: The skill is organized around “What's Already Configured”, “Files Involved”, “How Session Replay Works”, “What Gets Recorded”, showing how the author expects the agent to judge fit, collect context, and produce verifiable output.
Trigger evidence: Prioritize the author’s wording around when to use it, what context to collect, and what output shape to produce.
Evidence boundary: Author text states facts, repository files prove commands and paths, and Fluxly only adds fit, limits, and usage judgment.

How To Use It

Inputs: Provide target material, scope, expected result, forbidden changes, and validation method.
Invocation: Name posthog-analytics directly; if the source includes slash commands, start with the command and then add task context.
Validation: Start small and check whether the result follows “What's Already Configured / Files Involved / How Session Replay Works” before expanding.

Boundaries And Review

Dependencies: Prepare Vendor-specific API keys before running a full task.
Permissions: Declared permissions include read / write / env-read; ask the agent to state file, command, and rollback boundaries before acting.
Quality bar: A useful result names the deliverable, evidence, and next action. Generic prose means the task needs tighter context.

PostHog Analytics & Session Replay

What's Already Configured

The bootstrap includes a complete PostHog setup with:

Session Replay - Records user sessions with privacy protections
Automatic Screen Tracking - Tracks navigation automatically via ScreenTracker component
Event Tracking - Ready to use via usePostHog() hook
Privacy Controls - Text inputs and images are masked by default

Files Involved

File	Purpose
`lib/posthog.ts`	Configuration with session replay plugin
`app/_layout.tsx`	PostHogProvider wrapper and ScreenTracker component
`app.json`	PostHog plugin registration
`.env.example`	Environment variable template

How Session Replay Works

What Gets Recorded

✅ Screen views and navigation
✅ Touch interactions (taps, swipes)
✅ UI changes and animations
✅ Network requests (with captureNetworkTelemetry: true)
✅ Console logs (with captureLog: true)

Privacy Protections

🔒 Text inputs masked - All form inputs show as ****
🔒 Images masked - Photos and avatars are blurred/hidden
🔒 Sensitive data protected - No actual typed content recorded

Recording Behavior

Starts automatically when app launches
Continues throughout the session
Stops when app is closed/backgrounded
Each session is a separate replay in PostHog dashboard
Data is compressed and sent in batches (not real-time)

Data Usage

~100-500KB per minute of usage
Throttled to 1 second intervals (throttleDelayMs: 1000)
Only captures visual changes, not full video

Configuration Options

All settings are in lib/posthog.ts:

Setting	Default	Purpose
`maskAllTextInputs`	`true`	Hide all text input content
`maskAllImages`	`true`	Blur/hide all images
`captureLog`	`true`	Include console logs in replay
`captureNetworkTelemetry`	`true`	Track API calls
`throttleDelayMs`	`1000`	Snapshot interval (milliseconds)
`captureNativeAppLifecycleEvents`	`true`	Track app open/close/background

Using PostHog in Your App

Track Custom Events

Import the hook and use it anywhere:

import { usePostHog } from 'posthog-react-native';

const posthog = usePostHog();

// Track an event
posthog?.capture('button_pressed', {
  button_name: 'checkout',
  screen: 'product_detail',
});

Identify Users

Set user identity (typically after login):

posthog?.identify(userId, {
  email: user.email,
  plan: 'premium',
});

Reset on Logout

Clear user identity:

posthog?.reset();

Set User Properties

Update user metadata:

posthog?.setPersonProperties({
  credits: 100,
  subscription_status: 'active',
});

Environment Variables

Required for PostHog to work:

EXPO_PUBLIC_POSTHOG_KEY=phc_your_project_key
EXPO_PUBLIC_POSTHOG_HOST=https://eu.i.posthog.com

If not set, PostHog is automatically disabled with a console warning.

Rebuild Required

PostHog session replay uses native modules. After configuration changes to app.json, you must rebuild:

npx expo prebuild --clean
npx expo run:ios  # or run:android

Or with EAS:

eas build --profile development-client --platform ios

Viewing Data in PostHog

Session Replays

Go to PostHog → Session Replay
Click on a session to watch the replay
See timeline of events, network calls, and console logs

Events

Go to PostHog → Events
See all captured events:
- $screen - Automatic screen views
- $pageview - Navigation tracking
- Custom events you capture

Users

Go to PostHog → Persons
See identified users with their properties
View their session history and events

Common Issues

"Waiting for events" in Dashboard

Cause: App hasn't been rebuilt after configuration changes
Fix: Run npx expo prebuild --clean and rebuild the app

No Session Replay

Cause: Session replay requires native modules to be rebuilt
Fix: Clean rebuild with npx expo prebuild --clean

Events Not Appearing

Cause: PostHog API key not set or app not rebuilt
Fix:

Verify EXPO_PUBLIC_POSTHOG_KEY is set in environment
Rebuild the app
Wait 1-2 minutes (there can be a delay)

Privacy Concerns

Cause: Default settings mask all inputs and images
Fix: Adjust maskAllTextInputs and maskAllImages in lib/posthog.ts if you need to see more data (consider privacy implications)

Automatic Screen Tracking

The ScreenTracker component in app/_layout.tsx automatically tracks all screen views using Expo Router's navigation hooks. No manual tracking needed for navigation.

When to Use PostHog

Product Analytics - Understand user behavior and feature usage
Debugging - Watch session replays to see exactly what users experienced
Feature Flags - A/B testing and gradual rollouts (requires additional setup)
User Feedback - Combine with support tickets to see what happened
Conversion Funnels - Track user journeys through your app

Performance Impact

Minimal CPU overhead (snapshots are throttled)
Network usage: ~100-500KB per minute
Battery impact: Negligible
Storage: Data is sent to PostHog, not stored locally

Best Practices

Always mask sensitive data - Keep maskAllTextInputs: true for production
Track meaningful events - Don't over-track; focus on key user actions
Identify users after login - Enables user-specific analysis
Reset on logout - Prevents data leakage between users
Use properties - Add context to events for better analysis
Test in development - Verify events appear before deploying

Reference

PostHog React Native Docs: https://posthog.com/docs/libraries/react-native
Session Replay Docs: https://posthog.com/docs/session-replay/mobile

Source: Ampli-Group/agentic-mobile-blueprint — distributed by TomeVault.

Install command

One-click installPick a runner, click Copy, paste into your terminal, press enter

npx skills add tomevault-io/skills-registry/ampli-group--agentic-mobile-blueprint--posthog-analytics -y

Open general install guide

View skill source

Works with

Claude Code
Cursor
Cline
Codex
Windsurf
Gemini
OpenCode
Roo Code
AAide
+Augment
GitHub Copilot
OpenClaw
KKiro
Junie
WWarp
Goose
Trae
Kilo Code
OpenHands
Amp
Zencoder
CContinue
AIAider
CodeBuddy
CodeGeeX
Replit Agent

Security audit

88 / 100

Community

未声明 license/许可。
未声明 version。
未限定 allowed-tools，默认拥有全部工具权限。

Metadata

Source: github
tomevault-io/skills-registry
中文

More by @tomevault-io

Category & tags

Category Writing