integration-nuxt-4

Name: integration-nuxt-4
Author: posthog

github.com/posthogデータ・データベース7693 回インストール今日更新

リポジトリ

integration-nuxt-4 について

Nuxt 4 アプリケーションに PostHog 分析を導入するためのスキルです。段階的な手順に沿って実装でき、ユーザー識別やエラー追跡の参考資料も含まれています。

主な機能

014 段階の導入ワークフロー
02Nuxt 4 のサンプルとドキュメント
03キーの環境変数管理
04ユーザー識別のガイダンス
05エラー追跡のガイダンス

活用シーン

01Nuxt 4 アプリへの PostHog 導入
02ログインや登録時のユーザー識別
03重要な処理でのエラー追跡

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/posthog/skills --skill integration-nuxt-4

インストール後、Claude Code で/integration-nuxt-4を入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/

basic-integration-1.0-begin.md

basic-integration-1.1-edit.md

basic-integration-1.2-revise.md

basic-integration-1.3-conclude.md

EXAMPLE.md

identify-users.md

nuxt-js.md

詳細

Nuxt 4 向け PostHog 統合

このスキルは、Nuxt 4 アプリケーションに PostHog アナリティクスを追加するのに役立ちます。

ワークフロー

統合を完了するには、次の手順を順番に実行してください。

basic-integration-1.0-begin.md - PostHog のセットアップ - 開始 ← ここから開始
basic-integration-1.1-edit.md - PostHog のセットアップ - 編集
basic-integration-1.2-revise.md - PostHog のセットアップ - 修正
basic-integration-1.3-conclude.md - PostHog のセットアップ - 完了

参照ファイル

references/EXAMPLE.md - Nuxt 4 のサンプルプロジェクトコード
references/nuxt-js.md - Nuxt.js - ドキュメント
references/identify-users.md - ユーザーの識別 - ドキュメント
references/basic-integration-1.0-begin.md - PostHog のセットアップ - 開始
references/basic-integration-1.1-edit.md - PostHog のセットアップ - 編集
references/basic-integration-1.2-revise.md - PostHog のセットアップ - 修正
references/basic-integration-1.3-conclude.md - PostHog のセットアップ - 完了

サンプルプロジェクトでは、実装の目標パターンを示しています。API の詳細については、ドキュメントを参照してください。

重要な原則

環境変数：PostHog のキーには必ず環境変数を使用してください。ハードコードしないでください。
変更は最小限に：既存の統合に PostHog のコードを追加してください。既存のコードを置き換えたり、構成し直したりしないでください。
サンプルに合わせる：実装は、できるだけサンプルプロジェクトのパターンに従ってください。

フレームワークのガイドライン

特定のフレームワークガイドラインはありません。

ユーザーの識別

ログインおよびサインアップのイベント中にユーザーを識別してください。このフレームワークで適切な識別パターンを確認するには、サンプルコードとドキュメントを参照してください。フロントエンドとバックエンドの両方のコードがある場合は、相関関係を維持するため、クライアント側のセッション ID と distinct ID を X-POSTHOG-DISTINCT-ID および X-POSTHOG-SESSION-ID ヘッダーで渡してください。

エラートラッキング

関連するファイルに PostHog のエラートラッキングを追加してください。特に、重要なユーザーフローや API の境界を対象にしてください。

Markdown 対応

ログインしてコメント

基本情報

作者: posthog
リポジトリ: posthog/skills
カテゴリ: データ・データベース
インストール数: 93
GitHub スター: 76

問題を報告

おすすめの Skills

すべての Skills

hyperframes-core

github.com/heygen-com

930.6k

HyperFrames コンポジションコントラクト — レンダリング可能なプロジェクトを構築します。コンポジション構造、data-* タイミング属性、class="clip"、トラック、サブコンポジション、変数、フレームワーク所有のメディア再生、決定論的レンダリングルール、検証に使用します。Tailwind プロジェクトおよび STORYBOARD.md / SCRIPT.md プラン形式もカバーします。コンポジション HTML を作成する前にお読みください。

lark-base

open.feishu.cn

823.2k

Feishu Base を操作します。テーブル、フィールド、レコード、ビューの作成、統計、数式/lookup、フォーム、ダッシュボード、アプリモード（BaseApp/AppMode のページとコンポーネント）、Workspace ディレクトリ、ワークフロー、ロール権限、テンプレートセンター（Base テンプレートのカテゴリ/一覧/検索）に対応します。Base/多次元テーブル/bitable、BaseApp/AppMode、/base/ または /app/ リンクがある場合に使用します。BaseApp に lark-apps は使用しません。ファイルのインポート/エクスポートは lark-drive、認証/認可は lark-shared に振り分けます。

lark-sheets

open.feishu.cn

821.8k

Feishu スプレッドシート：スプレッドシートの作成と操作に対応します。ワークシートと行/列構造（追加/削除/結合/サイズ/非表示/固定/グループ化）、セルの読み書き（値/数式/スタイル/コメント/セル画像）、範囲のコピー/移動/並べ替え/入力、検索と置換、一括更新、グラフ、ピボットテーブル、条件付き書式、フィルターとフィルタービュー、ドロップダウンリスト、スパークライン、浮動画像などのオブジェクトの作成と管理に対応します。数式の検証、過去バージョンへの復元、ローカルの Excel/CSV と Feishu スプレッドシート間のインポート/エクスポートも可能です。スプレッドシートの作成/編集、集計と可視化、書式設定、数式計算（Excel 数式の移行を含む）、財務モデリング（DCF、三表、予算、Sensitivity など）に使用します。多次元テーブル（Base/bitable）には lark-base を使用してください。クラウドストレージ（Drive/クラウドストレージ）内のスプレッドシートファイルを名前やキーワードで検索する場合は、まず lark-drive の drive +search でリソースを特定してください。doubao.com の /sheets/ URL/token が提示された場合も、このスキルを直接使用し、ドメインが Feishu でないことを理由に WebFetch にフォールバックしないでください。振り分けはドメインではなく URL パスの形式と token に基づきます。

remotion-best-practices

github.com/remotion-dev

701.4k

Remotion を使ってプログラム的にビデオを構築するためのベストプラクティスとドメイン知識（React/TypeScript でのビデオ、MP4 にレンダリング）。Remotion コードを書いたり編集したりするときはいつでも使用してください—ビデオプロジェクトのスカッフォルディング、interpolate/spring と useCurrentFrame() でのアニメーション、シーンとトランジションのシーケンス処理、字幕、オーディオ、GIF/Lottie/3D、チャート、ビジュアルエフェクト、calculateMetadata による動的な期間、またはレンダリング。Remotion API に手を出す前に相談してください。そのコンポーネントとプロップは進化し続けているからです（例：@remotion/media）。