marketplace

oleh vercel

Panduan ahli Vercel Marketplace — menemukan, menginstal, dan membangun integrasi, variabel lingkungan yang dipasok secara otomatis, penagihan terpadu, dan…

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

Lebih banyak skill dari vercel

benchmark-sandbox
vercel
Jalankan skenario evaluasi vercel-plugin di Vercel Sandbox, bukan di panel WezTerm lokal. Menyediakan microVM sementara dengan Claude Code + plugin yang sudah terinstal sebelumnya,…
official
emil-design-eng
vercel
Skill ini mengodekan filosofi Emil Kowalski tentang polesan UI, desain komponen, keputusan animasi, dan detail tak terlihat yang membuat perangkat lunak terasa hebat.
official
vercel-react-best-practices
vercel
Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…
official
vercel-react-best-practices
vercel
Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…
official
write-guide
vercel
Hasilkan panduan teknis yang mengajarkan kasus penggunaan dunia nyata melalui contoh-contoh progresif. Konsep diperkenalkan hanya saat pembaca membutuhkannya.
official
release
vercel
Release vercel-plugin — jalankan gates, naikkan versi, hasilkan artefak, commit, dan push. Gunakan saat diminta untuk "release", "ship", "bump and push", atau "cut a release".
official
deepsec
vercel
Jalankan DeepSec terhadap pemeriksaan proyek Vercel dari dev3000. Gunakan untuk pengaturan DeepSec satu klik, bootstrap konteks proyek, pemrosesan awal terbatas, dan…
official
backport-pr
vercel
Melakukan backport pull request Next.js yang sudah digabung dari canary ke cabang rilis sebelumnya seperti next-16-2. Gunakan saat pengguna meminta untuk backport, cherry-pick, atau membuka…
official