Skip to content
← All connectors
Developer

HTML/CSS to Image

Use HTML/CSS to Image 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 HTML/CSS to Image

    Via CLIVercel Dashboard(opens in new tab)
    $ vercel connect create html-css-to-image --name acme-html-css-to-image

  3. Use 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('html-css-to-image/acme-html-css-to-image', {
      subject: { type: 'user', id: userId },
    });

Use HTML/CSS to Image in apps and agents

Generate images, screenshots, and PDFs from HTML, URLs, or templates.

Read the HTML/CSS to Image developer docs(opens in new tab)

Why use Vercel Connect with HTML/CSS to Image?

  • Credentials on demand

    Request HTML/CSS to Image 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 HTML/CSS to Image access from the same connection layer.

  • Centralized credential management

    Manage HTML/CSS to Image 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 HTML/CSS to Image with your stack

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

Add HTML/CSS to Image to an existing Vercel application with the Connect SDK.

  1. Install the Connect SDK

    npm install @vercel/connect

  2. Create the HTML/CSS to Image connector

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

    vercel link
    vercel connect create html-css-to-image --name acme-html-css-to-image
    vercel env pull

  3. Request HTML/CSS to Image credentials

    app/api/route.ts
    import { getToken } from '@vercel/connect';
    

    const userId = 'user_123';
    

    const token = await getToken('html-css-to-image/acme-html-css-to-image', {
      subject: { type: 'user', id: userId },
    });

More connectors like HTML/CSS to Image

Browse all connectors