feature-flags

Manage React feature flags, gate tests with pragmas, and debug channel-specific failures.

Updated Feb 26, 2026

Search Tags:#testing #debugging #frontend #react #javascript #feature flags

Ready to run

npx skills add https://github.com/TheGreatL/KanbanBoard --skill feature-flags-thegreatl

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: feature-flags
Source: https://github.com/TheGreatL/KanbanBoard/tree/main/.agents/skills/feature-flags
Command: npx skills add https://github.com/TheGreatL/KanbanBoard --skill feature-flags-thegreatl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers understand, debug, and manage feature flags within the React codebase, ensuring features are rolled out correctly and tests behave as expected.

Core Features & Use Cases

Flag Configuration: Provides details on flag files and their purposes across different React channels.
Testing Integration: Explains how to use @gate pragmas and gate() for conditional test execution.
Debugging: Offers strategies for diagnosing channel-specific test failures and comparing flag states.
Adding New Flags: Guides users through the process of introducing new feature flags into the project.

Quick Start

Use the feature-flags skill to understand how to add a new flag to React.

Frequently Asked Questions about feature-flags

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a new feature flag to a React project?▼

To add a new feature flag to React, you introduce it into the project's flag configuration files, ensuring proper setup across different React channels like www and React Native.

How do I use the @gate pragma to gate tests with feature flags?▼

You can gate tests with feature flags by using the `@gate` pragma or the `gate()` function for conditional test execution. This ensures your tests behave as expected based on specific flag configurations.

Why are my React feature flag tests failing on a specific channel?▼

Channel-specific test failures in React often stem from differing feature flag states. You can debug these failures by diagnosing the specific channel's configuration and comparing flag states to identify mismatches.

What are variant feature flags and how do they work in React Native?▼

Variant feature flags in React Native allow you to manage different execution paths within a single codebase fork. Handling them involves configuring the flag files to support distinct variants across the React Native channel.

Where are feature flag configurations stored in a React codebase?▼

Feature flag configurations in a React codebase are stored in dedicated flag files. These files define the flag states and purposes, which can vary depending on the specific React channel being used.