Implement feature flags, gradual rollouts, and A/B testing with the Vercel Flags SDK.
npx skills add https://github.com/AarnavBaddam/skills --skill vercel-flags-aarnavbaddam
Please help me install this Agent Skill. Skill: vercel-flags Source: https://github.com/AarnavBaddam/skills/tree/main/vercel-flags Command: npx skills add https://github.com/AarnavBaddam/skills --skill vercel-flags-aarnavbaddam
flags SDK (v4+), covering flag definition, provider adapters, Flags Explorer setup, and precompute patterns so you avoid deprecated APIs like @vercel/flags v3. ## Core Features & Use Cases - Flag Definition & Evaluation: Define boolean and multi-variant flags with flag() from flags/next or flags/sveltekit, with server-only evaluation and no call-site arguments. - Provider Adapters: Connect Vercel Flags via @flags-sdk/vercel or third-party providers (LaunchDarkly, Statsig, GrowthBook, PostHog) through @flags-sdk/* adapters, including an OpenFeature bridge. - Flags Explorer & Precompute: Set up the .well-known/vercel/flags discovery endpoint for toolbar overrides, and use precompute patterns to serve static personalized page variants via middleware. - Use Case: You are rolling out a redesigned checkout to 10% of users. Define a show-new-checkout flag with the Vercel adapter, configure percentage targeting in the Vercel dashboard, and let developers override it locally through Flags Explorer. ## Quick Start Ask the assistant to define a boolean feature flag using the flags/next SDK with the Vercel adapter and wire up the Flags Explorer discovery endpoint in a Next.js App Router project.High-intent search queries and answers about installing and using this skill.
Import flag from flags/next and declare it with a key, optional options array, and a decide function returning the default value. Call the flag as an async function in Server Components, Route Handlers, or Server Actions to read its value.
Replace @vercel/flags with the flags package in imports and package.json. Replace encrypt/decrypt with encryptFlagValues and decryptFlagValues, use a 32-byte base64 FLAGS_SECRET, and note that flags without a decide function now throw at declaration time.
Yes, adapters published under the @flags-sdk npm scope connect providers including LaunchDarkly, Statsig, GrowthBook, PostHog, and Hypertune. An OpenFeature adapter also bridges most Node.js OpenFeature providers into the Flags SDK.
Create app/.well-known/vercel/flags/route.ts exporting a GET handler built with createFlagsDiscoveryEndpoint and getProviderData from flags/next. This lets the Vercel Toolbar discover flags and override them in the browser session.
Use Edge Config directly for ultra-low-latency non-flag configuration reads or simple static config without targeting. Use Vercel Flags for gradual rollouts, A/B testing, segments, and anything needing the dashboard or Flags Explorer.
Adithiya-SConfigure feature flags and A/B tests with the Flags SDK and Vercel Flags.
johnkuehManage bq-analytics feature flags with Vercel Edge Config and the bq-flags CLI.
robertsthomasManage feature flags and experiments across apps with provider adapters.
namhoanggGuide developers in selecting and configuring Vercel storage options.