mcpField
F
feature-flags-web

feature-flags-web

github.com/posthog開発76114 回インストール今日更新
リポジトリ

feature-flags-web について

JavaScript の Web アプリに PostHog のフィーチャーフラグを追加するスキルです。キーの環境変数管理と最小限のコード変更を重視し、可能な場合はサーバー側で評価します。

主な機能

  1. 01Web アプリ向け PostHog フラグ設定
  2. 02キーの環境変数管理
  3. 03既存コードの変更を最小化
  4. 04ブール値チェックを既定で使用
  5. 05サーバー側評価を優先

活用シーン

  1. 01JavaScript Web アプリへのフラグ追加
  2. 02PostHog キーのソースコードへの記載回避
  3. 03少ないコード変更でのブール値フラグ実装

MCP 対応

PostHog MCP サーバーが接続されている場合、そのツールでフィーチャーフラグの作成、一覧表示、更新、削除を行えます。

インストール

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

$npx skills add https://github.com/posthog/skills --skill feature-flags-web

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

同梱ファイル

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

references/
adding-feature-flag-code.md
best-practices.md
web.md

詳細

Web（JavaScript）向け PostHog フィーチャーフラグ

このスキルは、Web（JavaScript）アプリケーションに PostHog フィーチャーフラグを追加する際に役立ちます。

リファレンスファイル

  • references/web.md - Web フィーチャーフラグのインストール - ドキュメント
  • references/adding-feature-flag-code.md - フィーチャーフラグコードの追加 - ドキュメント
  • references/best-practices.md - フィーチャーフラグのベストプラクティス - ドキュメント

API の詳細やフレームワーク固有のパターンについては、ドキュメントを参照してください。

主な原則

  • 環境変数：PostHog キーには必ず環境変数を使用してください。ハードコードしないでください。
  • 最小限の変更：既存のロジックにフィーチャーフラグのコードを追加してください。既存のコードを置き換えたり、再構成したりしないでください。
  • まずはブール型フラグ：ユーザーから多変量フラグを明示的に求められない限り、ブール型フラグのチェックを優先してください。
  • 可能であればサーバーサイドで：UI のちらつきを防ぐため、サーバーサイドでのフラグ評価を優先してください。

PostHog MCP ツール

PostHog MCP サーバーが接続されているか確認してください。利用できる場合は、フィーチャーフラグの管理（フラグの作成、一覧表示、更新、削除）に関連するツールを探してください。ユーザーがダッシュボードで手動操作する必要がないよう、これらのツールを使用して PostHog でフラグを直接管理してください。

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

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

コメント

Markdown 対応