Communitygithub.com

Feature Flags (Merkmal-Flags)

LaunchDarkly/Flagsmith/Vercel-Muster, stufenweise Rollouts, Prozentuale Aufteilungen, A/B-Schalter.

Was ist Feature Flags (Merkmal-Flags)?

Diese Skill-Sammlung bietet eine umfassende Anleitung zur Implementierung von Feature Flags in modernen Softwareentwicklungs-Workflows. Sie unterstützt die gängigsten Plattformen wie LaunchDarkly für Unternehmenslösungen, Flagsmith für Open-Source-Projekte sowie Vercel Flags für Next.js-Anwendungen. Der Skill beschreibt klare Regeln für schrittweise Rollouts, prozentuale Aufteilungen und A/B-Tests, wobei die serverseitige Auswertung der Flags als Standard empfohlen wird. Ziel ist es, technische Schulden durch veraltete Flags zu vermeiden, indem klare Benennungskonventionen, Expirationsdaten und die obligatorische Bereinigung nach vollständigem Rollout vorgegeben werden. Zudem enthält er konkrete Codebeispiele für die Integration mit LaunchDarkly und Vercel Flags, die direkt in eigene Projekte übernommen werden können.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/feature-flags

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Feature Flags

Regeln

  • Verwende Feature Flags für schrittweise Rollouts – Auslieferung von Code hinter Flags, schrittweise Aktivierung
  • Flag-Typen: Boolescher Wert (an/aus), Prozentual (10% der Benutzer), Benutzer-Targeting (bestimmte IDs/Segmente)
  • LaunchDarkly für Unternehmen, Flagsmith für Open-Source, Vercel Flags oder @vercel/flags für Next.js
  • Standardmäßig serverseitige Auswertung der Flags – nur Flag-Werte an den Client weitergeben, niemals die Auswertungslogik
  • Flag-Benennungskonvention: enable-new-checkout, show-pricing-v2 – beschreibend, Kebab-Case
  • Bereinigung der Flags nach vollständigem Rollout – veraltete Flags sind technische Schulden; setze Ablaufdaten
  • Prozentuale Rollouts: Hash der Benutzer-ID für konsistente Gruppenzuweisung – derselbe Benutzer sieht immer dieselbe Variante
  • Standardmäßig auf Flag-Aus für neue Funktionen – abgesichert, falls der Flag-Dienst nicht verfügbar ist
  • Verwende Flags für A/B-Tests: Definiere Varianten, verfolge Conversion-Ereignisse, messe statistische Signifikanz
  • Speichere Flag-Überschreibungen in Umgebungsvariablen für die lokale Entwicklung

Muster

// Vercel Flags / Next.js-Muster
import { flag } from "@vercel/flags/next";

export const showNewCheckout = flag({
  key: "show-new-checkout",
  decide: () => false, // standardmäßig aus
});

// In einer Server-Komponente
const enabled = await showNewCheckout();
// LaunchDarkly-Muster
import * as ld from "@launchdarkly/node-server-sdk";
const client = ld.init(process.env.LAUNCHDARKLY_SDK_KEY!);

const showFeature = await client.variation("new-checkout", user, false);

Vermeide

  • Auslieferung von Funktionen ohne ein Flag – jede neue Funktion sollte umschaltbar sein
  • Verschachtelte Flag-Abhängigkeiten – halte die Flag-Logik flach und unabhängig
  • Belassen von Flags im Code nach 100% Rollout – plane die Bereinigung innerhalb von 2 Wochen
  • Clientseitige Flag-Auswertung, die Targeting-Regeln offenlegt – werte auf dem Server aus, sende das Ergebnis

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

YepAPI/skills

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

YepAPI/skills

Experiment setup, variant splitting, statistical significance, and feature flag integration.

YepAPI/skills

CRUD generators, data tables, user management, role-based access, and bulk operations.

YepAPI/skills

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

YepAPI/skills

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

YepAPI/skills

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

YepAPI/skills

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

YepAPI/skills

Content planning with trend and sentiment data from YepAPI.

YepAPI/skills

Content calendar, keyword-driven planning, and content briefs.

YepAPI/skills

Theme switching with CSS variables, system preference detection, next-themes, and persistence.

YepAPI/skills

Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.

YepAPI/skills

Competitive analysis between domains using YepAPI.

YepAPI/skills

Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.

YepAPI/skills

Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.

YepAPI/skills

Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.

YepAPI/skills

Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.

YepAPI/skills

Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.

YepAPI/skills

Local business and Google Maps research using YepAPI.

YepAPI/skills

Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.

YepAPI/skills

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

Verwandte Skills