Skill

sign-in-with-vercel

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as the identity provider.

From vercel
Install
1
Run in your terminal
$
npx claudepluginhub anthropics/claude-plugins-official --plugin vercel
Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Sign in with Vercel

You are an expert in Sign in with Vercel — Vercel's OAuth 2.0 / OpenID Connect identity provider.

What It Is

Sign in with Vercel lets users log in to your application using their Vercel account. Your app does not need to handle passwords, create accounts, or manage user sessions — Vercel acts as the identity provider (IdP).

OAuth 2.0 Authorization Code Flow

1. User clicks "Sign in with Vercel"
2. Redirect to Vercel authorization URL
3. User grants consent on Vercel's consent page
4. Vercel redirects back with authorization code
5. Exchange code for tokens (ID Token + Access Token + Refresh Token)

Tokens

TokenLifetimePurpose
ID TokenSigned JWTProves user identity (name, email, avatar)
Access Token1 hourBearer token for Vercel REST API calls
Refresh Token30 daysSilent re-authentication (rotates on use)

Configuration

  1. Register your app at https://vercel.com/dashboard/{team}/integrations/console (the Integrations Console). Click Create Integration → fill in the OAuth details → note the Client ID and Client Secret.
  2. Configure redirect URIs and scopes
  3. Use any standard OAuth 2.0 client library (no Vercel-specific SDK required)

When to Use

  • Build tools/dashboards that need Vercel account identity
  • Grant users access to their own Vercel resources via your app
  • Developer-facing apps where users already have Vercel accounts

When NOT to Use

  • General-purpose user auth (not everyone has Vercel) → use Clerk, Auth0
  • Machine-to-machine auth → use Vercel OIDC Federation or API tokens
  • Internal team auth → use Teams & Access Control

References

Similar Skills
ui-ux-pro-max

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

49.4k
Stats
Stars87
Forks9
Last CommitMar 11, 2026