skills.rest
TheGreatL
TheGreatLCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/TheGreatL/KanbanBoard --skill feature-flags-thegreatl
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
InverterNetworkInverterNetwork

test-driven-development

Enforce the Red-Green-Refactor cycle with failing tests before implementation.

Official
Advanced
dinoudondinoudon

component-library

Create reusable UI components with React and Storybook.

Community
Advanced
RaiderIORaiderIO
66

pennant-development

Defines, checks, and activates feature flags in Laravel applications using Laravel Pennant.

Official
Intermediate