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
- 01Gradual feature rollouts
- 02A/B testing and experiments
- 03Canary deployments
- 04Emergency kill switches
- 05Guides for services, hooks, and admin UIs
Use cases
- 01Release features to selected users
- 02Run feature experiments
- 03Roll out changes gradually
- 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-systemAfter 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.mdfeature-flag-service-typescript.mdfeature-flag-with-analytics.mdlaunchdarkly-style-sdk.mdreact-hook-for-feature-flags.mdscripts/scaffold-tests.shtemplates/test-template.jsDetails
From the project READMEFeature 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:
| Guide | Contents |
|---|---|
| Feature Flag Service (TypeScript) | Feature Flag Service (TypeScript) |
| React Hook for Feature Flags | React Hook for Feature Flags |
| Feature Flag with Analytics | Feature Flag with Analytics |
| LaunchDarkly-Style SDK | LaunchDarkly-Style SDK |
| Admin UI for Feature Flags | Admin 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