benchmark-testing

द्वारा vercel

बेंचमार्क परीक्षण परियोजनाएँ बनाएँ और लॉन्च करें ताकि वास्तविक परिदृश्यों में vercel-plugin कौशल इंजेक्शन का परीक्षण किया जा सके। पृथक निर्देशिकाएँ सेट करता है, इंस्टॉल करता है…

npx skills add https://github.com/vercel/vercel-plugin --skill benchmark-testing

Benchmark Testing

Create isolated test projects that exercise vercel-plugin skill injection with realistic, technology-agnostic prompts.

Workflow

1. Create test directories

BASE=~/dev/vercel-plugin-testing
mkdir -p "$BASE"/{01-slug,02-slug,...}

2. Install the plugin in each directory

for dir in "$BASE"/*/; do
  echo "=== $(basename "$dir") ==="
  cd "$dir" && npx add-plugin https://github.com/vercel/vercel-plugin -s project -y 2>&1 | tail -1
done

This creates .claude/settings.json with enabledPlugins in each directory.

3. Launch Claude Code in WezTerm panes

Critical details that must all be followed:

  • Use --cwd <absolute-path> to set the working directory
  • Use unset CLAUDECODE before x to avoid nested-session errors
  • Use --settings .claude/settings.json (not --settings project) to load the plugin
  • Use double quotes on the outer -ic string, single quotes around the prompt
  • Wait 10 seconds between each launch to avoid overwhelming the system
  • Always use spawn (new tabs) — split-pane runs out of space after ~4 panes

Working command template:

wezterm cli spawn --cwd /absolute/path/to/test-dir -- /bin/zsh -ic "unset CLAUDECODE; x 'YOUR PROMPT HERE. Link the project to my vercel-labs team so we can deploy it later.' --settings .claude/settings.json; exec zsh"

Prompt Guidelines

  • Never name specific technologies (no "Next.js", "Stripe", "Vercel KV", etc.)
  • Describe the product and features — let the plugin infer which skills to inject
  • Make prompts ambitious and multi-featured to exercise multiple skill triggers
  • Always append: "Link the project to my vercel-labs team so we can deploy it later."

Example prompts

SlugPromptExpected skills
recipe-platform"Build a recipe sharing platform where users sign up, upload photos of their dishes, write ingredients and steps, and browse a feed with infinite scroll..."auth, vercel-storage, nextjs
trivia-game"Create a multiplayer trivia game where players join a room with a 6-letter code, answer questions in real-time with a 15-second countdown..."vercel-storage, nextjs
code-review-bot"Build an AI-powered code review dashboard with webhook API routes, LLM streaming analysis, and stats over time..."ai-sdk, nextjs
conference-tickets"Create a conference ticketing system with tiered checkout, QR code emails, admin panel, and payment webhook handling..."payments, email, auth
content-aggregator"Build a content aggregator with hourly scheduled RSS fetching, LLM summaries, category filters, and bookmarks..."cron-jobs, ai-sdk
finance-tracker"Build a personal finance tracker with bank connection, spending charts, and weekly email digest via scheduled job..."cron-jobs, email
multi-tenant-blog"Create a multi-tenant blog where each user gets a subdomain, with request-level routing, headless content API, and role-based auth..."routing-middleware, cms, auth
status-page"Build a SaaS status page with scheduled endpoint pinging, uptime charts, incident logging, and KV-stored history..."cron-jobs, vercel-storage, observability
dog-walking-saas"Build a dog walking SaaS with user accounts, pet photos, booking, monthly invoicing, admin dashboard, and separate dev/prod env configs..."payments, auth, vercel-storage, env-vars

Cleanup

rm -rf ~/dev/vercel-plugin-testing

vercel की और Skills

benchmark-sandbox
vercel
Vercel Sandboxes में vercel-plugin eval परिदृश्य चलाएँ, स्थानीय WezTerm पैनलों के बजाय। Claude Code + प्लगइन पूर्व-स्थापित के साथ अस्थायी microVMs प्रदान करता है,…
official
emil-design-eng
vercel
यह कौशल एमिल कोवाल्स्की के UI पॉलिश, कंपोनेंट डिज़ाइन, एनिमेशन निर्णयों और उन अदृश्य विवरणों पर दर्शन को एनकोड करता है जो सॉफ्टवेयर को शानदार महसूस कराते हैं।
official
vercel-react-best-practices
vercel
React और Next.js प्रदर्शन अनुकूलन दिशानिर्देश Vercel Engineering से। इस कौशल का उपयोग React/Next.js कोड लिखने, समीक्षा करने या रीफैक्टर करते समय किया जाना चाहिए…
official
vercel-react-best-practices
vercel
React और Next.js प्रदर्शन अनुकूलन दिशानिर्देश Vercel Engineering से। इस कौशल का उपयोग React/Next.js को लिखने, समीक्षा करने या रीफैक्टर करने के दौरान किया जाना चाहिए…
official
write-guide
vercel
एक तकनीकी गाइड तैयार करें जो प्रगतिशील उदाहरणों के माध्यम से एक वास्तविक दुनिया के उपयोग के मामले को सिखाता है। अवधारणाओं को केवल तब पेश किया जाता है जब पाठक को उनकी आवश्यकता होती है।
official
release
vercel
वर्सेल-प्लगइन जारी करें — गेट्स चलाएं, संस्करण बढ़ाएं, आर्टिफैक्ट्स उत्पन्न करें, कमिट करें और पुश करें। जब "रिलीज़ करें", "शिप करें", "बंप और पुश करें" या "कट अ रिलीज़" कहा जाए तो इसका उपयोग करें।
official
deepsec
vercel
dev3000 से Vercel प्रोजेक्ट चेकआउट पर DeepSec चलाएँ। एक-क्लिक DeepSec सेटअप, प्रोजेक्ट संदर्भ बूटस्ट्रैपिंग, सीमित प्रथम-पास प्रसंस्करण, और… के लिए उपयोग करें।
official
backport-pr
vercel
किसी मर्ज किए गए Next.js पुल रिक्वेस्ट को canary से पिछली रिलीज़ ब्रांच जैसे next-16-2 पर बैकपोर्ट करें। तब उपयोग करें जब उपयोगकर्ता बैकपोर्ट, चेरी-पिक, या खोलने के लिए कहे…
official