feature-flags-web

Name: feature-flags-web
Author: posthog

github.com/posthogDevelopment76114 installsUpdated today

About feature-flags-web

A skill for adding PostHog feature flags to JavaScript web applications. It emphasizes environment-based keys, small code changes, and server-side evaluation where possible.

Key features

01PostHog flag setup for web apps
02Environment variables for keys
03Minimal changes to existing code
04Boolean checks by default
05Server-side evaluation preference

Use cases

01Adding flags to a JavaScript web app
02Keeping PostHog keys out of source code
03Implementing boolean flags with limited code changes

MCP support

If a PostHog MCP server is connected, the skill can use its tools to create, list, update, or delete feature flags.

Install

Copy the command and run it in a terminal.

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

After installing, type/feature-flags-webin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/

adding-feature-flag-code.md

best-practices.md

web.md

Details

From the project README

PostHog feature flags for Web (JavaScript)

This skill helps you add PostHog feature flags to Web (JavaScript) applications.

Reference files

references/web.md - Web feature flags installation - docs
references/adding-feature-flag-code.md - Adding feature flag code - docs
references/best-practices.md - Feature flag best practices - docs

Consult the documentation for API details and framework-specific patterns.

Key principles

Environment variables: Always use environment variables for PostHog keys. Never hardcode them.
Minimal changes: Add feature flag code alongside existing logic. Don't replace or restructure existing code.
Boolean flags first: Default to boolean flag checks unless the user specifically asks for multivariate flags.
Server-side when possible: Prefer server-side flag evaluation to avoid UI flicker.

PostHog MCP tools

Check if a PostHog MCP server is connected. If available, look for tools related to feature flag management (creating, listing, updating, deleting flags). Use these tools to manage flags directly in PostHog rather than requiring the user to do it manually in the dashboard.

Framework guidelines

No specific framework guidelines.

Comments

Markdown supported

Details

Author: posthog
Repository: posthog/skills
Category: Development
Installs: 114
GitHub stars: 76

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.