Skip to content
Dashboard
← All connectors
Developer

Screenshot.fyi

Use Screenshot.fyi with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.

Create Connector
  1. Install the skill

    $ npx skills add vercel/vercel-plugin --skill vercel-connect
  2. Connect to Screenshot.fyi

    $ vercel connect create screenshot-fyi --name acme-screenshot-fyi
  3. Use its data in agents(opens in new tab) and apps(opens in new tab)

    import { getToken } from '@vercel/connect';
    const token = await getToken('screenshot-fyi/acme-screenshot-fyi');

Use Screenshot.fyi in apps and agents

Take stunning, premium quality screenshots of any website with one API call.

Why use Vercel Connect with Screenshot.fyi?

  • Credentials on demand

    Request Screenshot.fyi credentials only when your application or agent needs them instead of copying secrets into application code.

  • Access for the right subject

    Keep app-scoped Screenshot.fyi access behind a reusable connector controlled by your team.

  • Centralized credential management

    Manage Screenshot.fyi 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 Screenshot.fyi with your stack

Follow a complete setup for the Connect SDK or a supported agent framework.

Add Screenshot.fyi to an existing Vercel application with the Connect SDK.

  1. Install the Connect SDK

    npm install @vercel/connect
  2. Create the Screenshot.fyi connector

    Run these commands from the project that will use the connection.

    vercel link
    vercel connect create screenshot-fyi --name acme-screenshot-fyi
    vercel env pull
  3. Request Screenshot.fyi credentials

    app/api/route.ts
    import { getToken } from '@vercel/connect';
    const token = await getToken('screenshot-fyi/acme-screenshot-fyi');
Browse all connectors