add-studio-feature-flag

Standardize feature flag integration across TypeScript, FastAPI, and Helm configurations.

58|16|Updated May 14, 2026
One-click install
npx skills add https://github.com/NVIDIA-NeMo/nemo-platform --skill add-studio-feature-flag
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-studio-feature-flag
Source: https://github.com/NVIDIA-NeMo/nemo-platform/tree/main/.agents/skills/add-studio-feature-flag
Command: npx skills add https://github.com/NVIDIA-NeMo/nemo-platform --skill add-studio-feature-flag

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the end-to-end process of adding new feature flags to the NeMo Studio web interface, ensuring consistency across TypeScript definitions, FastAPI runtime mappings, and deployment configurations.

Core Features & Use Cases

  • Unified Flag Management: Provides a structured approach to defining preview, boolean, and typed flags.
  • Configuration Parity: Automates the synchronization between frontend Vite environment variables and backend FastAPI service markers.
  • Use Case: When introducing a new experimental UI component, use this Skill to register the flag, gate the route, and update the Helm configuration for consistent behavior across local and production environments.

Quick Start

Use the add-studio-feature-flag skill to guide the implementation of a new feature flag named VITE_FF_NEW_DASHBOARD_ENABLED across the studio codebase.

Frequently Asked Questions about add-studio-feature-flag

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

FAQPage Schema
How do I add a feature flag to a FastAPI and TypeScript application?

To add a feature flag across a FastAPI and TypeScript application, you coordinate TypeScript definitions with backend environment mappings and deployment configurations to ensure consistent runtime injection. This standardizes flag naming and gates UI features safely.

What is the best way to manage Vite environment variables for experimental UI features?

Managing Vite environment variables for experimental UI features involves synchronizing frontend definitions with FastAPI service markers and Helm deployment configurations. This approach maintains configuration parity between local development and production environments.

How do you synchronize feature flags between local development and Helm deployments?

Synchronizing feature flags between local development and Helm deployments requires standardizing runtime injection and environment variable management across TypeScript and FastAPI. This ensures architectural parity so features behave consistently in both environments.

Does this feature flag integration work with both Vite and FastAPI?

Yes, this feature flag integration works with both Vite and FastAPI by automating synchronization between frontend Vite environment variables and backend FastAPI runtime mappings. It ensures consistent flag behavior across the full stack.

How do I gate a new route using a boolean feature flag in NeMo Studio?

To gate a new route using a boolean feature flag in NeMo Studio, you register the flag, define it in TypeScript, map it to the FastAPI environment, and update the Helm configuration. This provides unified flag management for safe rollouts.

What are the limitations of manually configuring feature flags across a full stack?

Manually configuring feature flags risks breaking configuration parity between frontend Vite variables and backend FastAPI markers, causing inconsistent runtime injection. Standardizing the integration prevents drift between local and Helm-based production deployments.