Shotlane
Use Shotlane with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.
Install the skill
$ npx skills add vercel/vercel-plugin --skill vercel-connectConnect to
Shotlane$ vercel connect create shotlane --name acme-shotlaneUse its data in agents and apps
import { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('shotlane/acme-shotlane', {subject: { type: 'user', id: userId },});
Use Shotlane in apps and agents
Take screenshots, run page checks, and turn pages into Markdown and PDFs in a real browser.
Read the Shotlane developer docs(opens in new tab)Why use Vercel Connect with Shotlane?
Credentials on demand
Request Shotlane credentials only when your application or agent needs them instead of copying secrets into application code.
Access for the right subject
Request user-authorized Shotlane access so actions follow the identity and permissions of the person using your application.
Centralized credential management
Manage Shotlane credentials in one place and retrieve them through a consistent runtime API.
Vercel-native controls
Bind connections to the projects and environments that need them while Vercel OIDC authenticates each runtime request.
Use Shotlane with your stack
Follow a complete setup for the Connect SDK or a supported agent framework.
Add Shotlane to an existing Vercel application with the Connect SDK.
Install the Connect SDK
npm install @vercel/connectCreate the Shotlane connector
Run these commands from the project that will use the connection.
vercel linkvercel connect create shotlane --name acme-shotlanevercel env pullRequest Shotlane credentials
app/api/route.tsimport { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('shotlane/acme-shotlane', {subject: { type: 'user', id: userId },});