Htmldrop
ooiyeefei/ccc
Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…
Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags.
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vercel/vercel-plugin flags-sdk --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/flags-sdk .claude/skills/flags-sdk && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .claude/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdkType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vercel/vercel-plugin flags-sdk --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/flags-sdk .agents/skills/flags-sdk && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .agents/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vercel/vercel-plugin flags-sdk --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/flags-sdk .cursor/skills/flags-sdk && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .cursor/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vercel/vercel-plugin.git --path skills/flags-sdk--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vercel/vercel-plugin flags-sdk --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/flags-sdk .gemini/skills/flags-sdk && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .gemini/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vercel/vercel-plugin flags-sdkInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/flags-sdk .github/skills/flags-sdk && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .github/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vercel/vercel-plugin --skill flags-sdk -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vercel/vercel-plugin flags-sdk --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel/vercel-plugin.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/flags-sdk .opencode/skills/flags-sdk && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "flags-sdk" agent skill from https://github.com/vercel/vercel-plugin/tree/main/skills/flags-sdk into .opencode/skills/flags-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flags-sdk", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
flags-sdkSet up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags.
Flags SDK is an agent skill from vercel/vercel-plugin, published by the product's own GitHub organization. Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags. Use when installing or configuring the SDK, adding a new or existing flag, wiring vercelAdapter (OIDC or SDK keys), declaring flags with flag(), using the vercel flags CLI (create, inspect, list, enable, disable, set, update, split, rollout, rules, segments, use-targeting, evaluations, versions, open, archive, unarchive, rm, sdk-keys, override, prepare), setting up providers/adapters (Vercel, Statsig, LaunchDarkly…
Its SKILL.md is about 6.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `overlay.yaml`, `references/api.md` and `references/nextjs.md`).
It sits in Marketing & SEO, covering A/B testing and OAuth and OpenID Connect. It works with Vercel, Next.js, SvelteKit and npm. The repository describes itself as: Comprehensive Vercel ecosystem plugin — relational knowledge graph, skills for every major product, specialized agents, and Vercel conventions. Turns any AI agent into a Vercel…
6 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 2a1e58d. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
vercelpnpmnpmyarnbunnpxFrom the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
vercel.comflags-sdk.devgithub.comFrom URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
FLAGS_SECRETVERCEL_OIDC_TOKENFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Flags SDK loads about 6.9k tokens when it runs, and up to ~21k if it reads all its reference files. Until then it costs about 250 tokens; SKILL.md has 2,390 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check noted patterns worth knowing about, such as sudo or a known installer.
-sdk) (including `vercel env pull` when `.env.local` is missing). When they ask to create or add a flag, follow [Createyet, or when Toolbar / Flags Explorer / `.env.local` are missing. Skip any step that is already done.- Does `.env.local` contain `VERCEL_OIDC_TOKEN=` (or a `FLAGS=` SDK key)? → Env vars already pulled, skip step 33. **Pull environment variables**: If `.env.local` lacks `VERCEL_OIDC_TOKEN=`, follow [Pull environment variables](#pull` writes the Development credentials to `.env.local`: the Vercel OIDC token that `vercelAdapter` uses locally (deploymen- `.env.local` lacks `VERCEL_OIDC_TOKEN=` (or a `FLAGS=` SDK key)he-sdk) first if packages, Vercel link, `.env.local`, Toolbar, `flags.ts`, or Flags Explorer are missing. Skip steps tha- Does `.env.local` contain `VERCEL_OIDC_TOKEN=`? → Env vars already pulled; see [Pull environment variables](#pull-envi3. **Pull environment variables**: If `.env.local` lacks `VERCEL_OIDC_TOKEN=`, follow [Pull environment variables](#pullK packages, Toolbar, Flags Explorer, or `.env.local`. For a CLI-only request, skip app setup and code changes. Target thAutomated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 2,390 words (~6,858 tokens).
“The Flags SDK (flags npm package) is a feature flags toolkit for Next.js and SvelteKit. It turns each feature flag into a callable function, works with any flag provider via adapters, and keeps pages static using the precompute pattern. Vercel…”
SKILL.md and 6 other files (references) in skills/flags-sdk of vercel/vercel-plugin.
Open the folder on GitHubat commit 2a1e58d
Flags SDK next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Flags SDK this skillvercel/vercel-plugin | 301 | — | ~6.9k | Automated safety check: Notes | Custom licence | |
| Htmldropooiyeefei/ccc | 494 | — | ~5.2k | Automated safety check: Warn | MIT | |
| Sandbox Benchvercel/next.js | 143k | — | ~4.1k | Automated safety check: Pass | MIT | |
| Vercel Optimize Auditvercel-labs/agent-skills | 32k | 8 repos | ~4.3k | Automated safety check: Pass | None | |
| AI SDKvercel-labs/ai-facts | 168 | 20 repos | ~1.2k | Automated safety check: Pass | None | |
| Vercel React Best Practicessanity-io/sanity | 6.4k | 129 repos | ~1.6k | Automated safety check: Pass | MIT |
ooiyeefei/ccc
Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…
vercel/next.js
Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app…
vercel-labs/agent-skills
Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.
vercel-labs/ai-facts
Answer questions about the AI SDK and help build AI-powered features.
sanity-io/sanity
React and Next.js performance optimization guidelines from Vercel Engineering.
greensock/gsap-skills
Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.
vercel/vercel-plugin
Vercel deployment and CI/CD expert guidance. An agent skill from vercel/vercel-plugin.
vercel/vercel-plugin
Audit vercel-plugin performance on real-world projects. An agent skill from vercel/vercel-plugin.
vercel/vercel-plugin
Vercel CLI expert guidance. An agent skill from vercel/vercel-plugin.
vercel/vercel-plugin
Vercel AI Gateway guidance for setup, model discovery, authentication, routing, fallbacks, virtual models, evaluation models, BYOK, budgets, spend reporting, observability, compatible APIs, and…
vercel/vercel-plugin
Configure and troubleshoot Vercel Services for multiple frontends and backends in one project.
vercel/vercel-plugin
Access and test Vercel deployments protected by Vercel Authentication, SSO, or Deployment Protection.
Categories
Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags. Flags SDK is an agent skill from vercel/vercel-plugin, published by the product's own GitHub organization. Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags.
Flags SDK fits situations like: configuring the SDK; wiring vercelAdapter (OIDC; declaring flags with flag(); using the vercel flags CLI (create.
Run `npx skills add vercel/vercel-plugin --skill flags-sdk -a claude-code`. Or copy the skill folder (skills/flags-sdk in vercel/vercel-plugin) into .claude/skills/flags-sdk in your project. Claude Code loads it when a task matches its description.
Run `npx skills add vercel/vercel-plugin --skill flags-sdk -a codex`. Or copy the skill folder (skills/flags-sdk in vercel/vercel-plugin) into .agents/skills/flags-sdk in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vercel/vercel-plugin --skill flags-sdk -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flags-sdk, .gemini/skills/flags-sdk, .github/skills/flags-sdk and .opencode/skills/flags-sdk in your project.
Going by SKILL.md and its folder, Flags SDK needs the command-line tools its instructions call (vercel, pnpm, npm, yarn, bun and npx) and credentials named FLAGS_SECRET and VERCEL_OIDC_TOKEN. Our summary lists: Node.js; A credential in FLAGS_SECRET; A credential in VERCEL_OIDC_TOKEN.
SKILL.md names 3 domains. As links in the text: vercel.com, flags-sdk.dev and github.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
Flags SDK has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
About 6.9k tokens (SKILL.md is roughly 27k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 15k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Flags SDK: Htmldrop (ooiyeefei/ccc, 494 stars), Sandbox Bench (vercel/next.js, 143k stars), Vercel Optimize Audit (vercel-labs/agent-skills, 32k stars) and AI SDK (vercel-labs/ai-facts, 168 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
vercel (a GitHub organization, an official publisher) maintains it in vercel/vercel-plugin, which has 301 GitHub stars. The repository holds 38 skills in this directory. The repository was last updated on October 8, 2026.
Source: vercel/vercel-plugin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.