posthog-instrumentation について
posthog-instrumentationは、コードへのPostHog分析、イベント追跡、フィーチャーフラグの追加を支援するスキルです。フレームワークを特定して既存設定を確認し、適切な計測パターンを適用します。
主な機能
- 01プロジェクトのフレームワーク特定
- 02既存のPostHog設定の確認
- 03イベント追跡の追加
- 04フィーチャーフラグの実装
- 05JavaScript・Python・Reactの例
活用シーン
- 01アプリへのPostHog分析の追加
- 02ユーザー操作や業務イベントの追跡
- 03フィーチャーフラグによる段階的な機能公開
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ posthog/ posthog-for-claude --skill posthog-instrumentationインストール後、Claude Code で/posthog-instrumentationを入力して読み込まれたか確認します。
詳細
PostHog 計測スキル
ユーザーがコードに PostHog 分析、イベントトラッキング、フィーチャーフラグを追加できるよう支援します。
使用するタイミング
- ユーザーが「PostHog を追加して」または「分析を追加して」と依頼した場合
- ユーザーがイベントやユーザーアクションを追跡したい場合
- ユーザーがフィーチャーフラグの実装を必要としている場合
- ユーザーがコードの計測について質問した場合
ワークフロー
- フレームワーク(React、Next.js、Python、Node.js など)を特定します
- 既存の PostHog の設定を確認します
- 適切な計測を追加します
コードパターン
JavaScript/TypeScript
// Event tracking
posthog.capture('button_clicked', { button_name: 'signup' })
// Feature flags
if (posthog.isFeatureEnabled('new-feature')) {
// Show new feature
}
// User identification
posthog.identify(userId, { email: user.email })
Python
from posthog import Posthog
posthog = Posthog(api_key='<ph_project_api_key>')
# Event tracking
posthog.capture(distinct_id='user_123', event='purchase_completed')
# Feature flags
if posthog.feature_enabled('new-feature', 'user_123'):
# Show new feature
React
import { usePostHog } from 'posthog-js/react'
function MyComponent() {
const posthog = usePostHog()
const handleClick = () => {
posthog.capture('button_clicked')
}
}
ベストプラクティス
- 一貫性のあるイベント命名を使用します(snake_case を推奨)
- イベントに関連するプロパティを含めます
- セッションの早い段階でユーザーを識別します
- 段階的なロールアウトにはフィーチャーフラグを使用します
コメント
Markdown 対応