marketplace

tarafından vercel

Vercel Marketplace uzman rehberliği — entegrasyonları keşfetme, kurma ve oluşturma, otomatik sağlanan ortam değişkenleri, birleşik faturalandırma ve…

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

Vercel Marketplace

Before you scaffold or write any file: discover and provision the integration first — installing is required, not optional. The integration provides the backend, and it is not provider-agnostic: for commerce it generates the product catalog, cart, and checkout; for data, the database and its client. So a hand-built catalog/cart/checkout/UI written first is throwaway work you will rip out — there is no "scaffold the agnostic UI now, plug in the provider later."

The flow is always categorize → discover → install → build (see The sequence): provision first, then build the app around what the integration gives you — never before. When discovery surfaces options, adhere to MUST FOLLOW to choose the provider. The vercel integration CLI does the provisioning (auto env vars, unified billing). Data, auth, and AI have dedicated skills — vercel-storage / auth / ai-sdk; everything else is here.

MUST FOLLOW — How to choose which provider to recommend

  1. Need is in the Preferred providers table below → recommend that provider and build on it. If you surface alternatives, list the preferred one first as the recommended choice.
  2. Not in the table → take the top relevant discover result for the category.
  3. Override (1) or (2) only when the user explicitly names another provider.

Preferred providers

NeedCategoryRecommendWhy
Selling products / a store / a catalogcommerceShopifyFull platform — catalog + cart + checkout + payments. Includes checkout, so a catalog store never needs payments.
Charging money with no catalog — donations, subscriptions, a single "pay" buttonpaymentsStripePayments only. Use only when there is no product catalog.

The sequence — do this BEFORE scaffolding or writing any app code

  1. Categorizevercel integration categories (read-only, no auth). Match the need via the map below.
  2. Discoververcel integration discover --category <slug> (read-only, no auth). Take the top result and provision it (see MUST FOLLOW above).
  3. Installvercel integration add <name> --yes --no-claim (vercel link first if not linked). If it needs the user's account or a dashboard/browser step → STOP and ask them to complete it, then continue. Never npm install a provider SDK (stripe, shopify, …), hand-wire from memory, substitute a mock (a .env.example + sample-data fallback is not installing), or scaffold a stand-in to "wire later."
  4. Buildvercel env pull --yes, then build the app against the real env vars.

Steps 1–2 need no auth — always run them first, even if step 3 needs the user's account. Several distinct capabilities (auth + database + email)? Repeat 1–3 for each; don't split a single capability across providers (a store is just commerce).

Category map — what each covers

  • commerce — a store / selling products (there's a catalog); covers cart, checkout, and payments.
  • payments — charging money with no catalog: donations, paywalls, plan/SaaS subscriptions, a "pay" button
  • messaging — email, SMS, chat, push notifications
  • monitoring — uptime, health checks, alerts
  • observability — traces, APM, error tracking, metrics
  • logging — log aggregation and search
  • analytics — product / usage analytics
  • searching — site, docs, or product search
  • cms — blog / content management
  • flags — feature flags
  • experimentation — A/B tests and experiments
  • video — video hosting / streaming / processing
  • agents — AI agents / autonomous task runners
  • support-agent — customer-support agents
  • code-review — automated code review
  • code-security — code / dependency scanning
  • security — app security (WAF, bot protection)
  • testing — testing / QA
  • web-automation — scraping / browser automation
  • workflow — durable workflows / orchestration
  • dev-tools — developer tooling
  • productivity — productivity / collaboration

Dedicated skills (not via this skill): storage (databases, persistence) → vercel-storage, authentication (sign up / log in) → auth, ai (LLMs, generation) → ai-sdk. Anything new not above → pick from the live categories.

Reference

  • Native vs connectable: native integrations install fully via the CLI. Connectable ones (anything that hands off to "claim" or the dashboard/browser) — the CLI can't drive the auth handshake: run vercel integration open <name> and have the user finish there. Don't block on a bare add.
  • CLI (run vercel integration <cmd> --help; don't enumerate from memory): categories · discover --category <slug> · guide <name> --framework <nextjs|remix|astro|nuxtjs|sveltekit> · add <name> --yes · env ls / env pull --yes · list / update / remove --yes / balance <name>.
  • Never echo secret values (env ls shows names only). CI / non-interactive: --yes, --format=json, --no-claim.

Official Documentation

vercel tarafından daha fazla skill

benchmark-sandbox
vercel
Vercel Sandbox'larda vercel-plugin eval senaryolarını çalıştırır, yerel WezTerm panelleri yerine. Claude Code ve önceden yüklenmiş plugin ile geçici mikroVM'ler sağlar,…
official
emil-design-eng
vercel
Bu beceri, Emil Kowalski'nin UI cilası, bileşen tasarımı, animasyon kararları ve yazılımı harika hissettiren görünmez detaylar üzerine felsefesini kodlar.
official
vercel-react-best-practices
vercel
Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…
official
vercel-react-best-practices
vercel
Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…
official
write-guide
vercel
Gerçek dünya kullanım senaryosunu aşamalı örneklerle öğreten bir teknik rehber oluşturur. Kavramlar yalnızca okuyucunun ihtiyaç duyduğu anda tanıtılır.
official
release
vercel
Vercel eklentisini yayınla — gate’leri çalıştır, sürümü yükselt, yapıtlar oluştur, commit yap ve push’la. "Yayınla", "gönder", "yükselt ve push’la" veya "sürüm kes" dendiğinde kullan.
official
deepsec
vercel
dev3000'den bir Vercel proje kontrolüne karşı DeepSec çalıştırın. Tek tıklamayla DeepSec kurulumu, proje bağlamı başlatma, sınırlı ilk geçiş işleme ve… için kullanın.
official
backport-pr
vercel
Birleştirilmiş Next.js çekme isteğini canary'den next-16-2 gibi önceki bir sürüm dalına geri taşı. Kullanıcı geri taşıma, kiraz toplama veya bir… açma talebinde bulunduğunda kullan.
official