Shotstack
Use Shotstack 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
Shotstack$ vercel connect create shotstack --name acme-shotstackUse its data in agents(opens in new tab) and apps(opens in new tab)
import { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('shotstack/acme-shotstack', {subject: { type: 'user', id: userId },});
Use Shotstack in apps and agents
Generate and edit video, images, and audio through an API.
Why use Vercel Connect with Shotstack?
Credentials on demand
Request Shotstack credentials only when your application or agent needs them instead of copying secrets into application code.
Access for the right subject
Support both user-authorized and app-scoped Shotstack access from the same connection layer.
Centralized credential management
Manage Shotstack 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 Shotstack with your stack
Follow a complete setup for the Connect SDK or a supported agent framework.
Add Shotstack to an existing Vercel application with the Connect SDK.
Install the Connect SDK
npm install @vercel/connectCreate the Shotstack connector
Run these commands from the project that will use the connection.
vercel linkvercel connect create shotstack --name acme-shotstackvercel env pullRequest Shotstack credentials
app/api/route.tsimport { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('shotstack/acme-shotstack', {subject: { type: 'user', id: userId },});