mcpField
F
feature-flag-system

feature-flag-system

github.com/aj-geddesDevelopment373442 installsUpdated 34w ago
Repository

About feature-flag-system

A skill for implementing feature flags that separate deployment from release and support gradual rollouts, experiments, and emergency switches. Its references cover TypeScript services, React hooks, analytics, SDK patterns, and admin interfaces.

Key features

  1. 01Gradual feature rollouts
  2. 02A/B testing and experiments
  3. 03Canary deployments
  4. 04Emergency kill switches
  5. 05Guides for services, hooks, and admin UIs

Use cases

  1. 01Release features to selected users
  2. 02Run feature experiments
  3. 03Roll out changes gradually
  4. 04Disable critical features in emergencies

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill feature-flag-system

After installing, type/feature-flag-systemin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
admin-ui-for-feature-flags.md
feature-flag-service-typescript.md
feature-flag-with-analytics.md
launchdarkly-style-sdk.md
react-hook-for-feature-flags.md
scripts/
scaffold-tests.sh
templates/
test-template.js

Details

From the project README

Feature Flag System

Table of Contents

Overview

Implement feature flags to decouple deployment from release, enable gradual rollouts, A/B testing, and provide emergency kill switches.

When to Use

  • Gradual feature rollouts
  • A/B testing and experiments
  • Canary deployments
  • Beta features for specific users
  • Emergency kill switches
  • Trunk-based development
  • Dark launching
  • Operational flags (maintenance mode)
  • User-specific features

Quick Start

Minimal working example:

interface FlagConfig {
  key: string;
  enabled: boolean;
  description: string;
  rules?: FlagRule[];
  variants?: FlagVariant[];
  createdAt: Date;
  updatedAt: Date;
}

interface FlagRule {
  type: "user" | "percentage" | "attribute" | "datetime";
  operator: "in" | "equals" | "contains" | "gt" | "lt" | "between";
  attribute?: string;
  values: any[];
}

interface FlagVariant {
  key: string;
  weight: number;
  value: any;
}

interface EvaluationContext {
  userId?: string;
// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

GuideContents
Feature Flag Service (TypeScript)Feature Flag Service (TypeScript)
React Hook for Feature FlagsReact Hook for Feature Flags
Feature Flag with AnalyticsFeature Flag with Analytics
LaunchDarkly-Style SDKLaunchDarkly-Style SDK
Admin UI for Feature FlagsAdmin UI for Feature Flags

Best Practices

✅ DO
  • Use descriptive flag names
  • Document flag purpose and lifecycle
  • Implement gradual rollouts
  • Track flag evaluations
  • Clean up old flags regularly
  • Use feature flags for experiments
  • Implement kill switches for critical features
  • Test both enabled and disabled states
  • Use consistent hashing for stable rollouts
  • Provide admin UI for non-technical users
❌ DON'T
  • Use flags for permanent configuration
  • Accumulate technical debt with old flags
  • Skip flag cleanup
  • Make flags too granular
  • Hard-code flag checks everywhere
  • Skip analytics and monitoring

Comments

Markdown supported