Skip to content
Vector Fast AI
Loading plan
Loading account
VectorFast Render · Claude

Use VectorFast Render in Claude

Add https://vectorfast.ai/mcp as a custom connector or a Claude Code HTTP server with your API key in the Authorization header. Claude then gets seven tools to list templates, read your brand kit, preview, and render images it can show in the chat.

Works today with an API key. Claude Code connects today with an API key header. In Claude on the web and in Claude Desktop, a custom connector can send the key as a request header, which Anthropic currently lists as a beta available to a limited set of organizations. VectorFast Render is not listed in any connector directory yet; you add it by URL as a custom server.

VectorFast Render is in early access. Billing is not connected yet, and API keys are issued to waitlist members as access opens. Join the waitlist

Setup

Claude Code

Any Claude Code install. Tested against a local VectorFast Render build on 2026-10-30.

  1. Add the server

    Run this in your project. Keep the key in an environment variable instead of pasting it into the command history.

    Terminal
    claude mcp add --transport http vectorfast-render https://vectorfast.ai/mcp \
  --header "Authorization: Bearer $VECTORFAST_API_KEY"

  2. Or share it with your team

    Project scope writes .mcp.json at the repository root. Claude Code expands ${VECTORFAST_API_KEY} from each developer's environment and asks before using project servers.

    .mcp.json
    {
  "mcpServers": {
    "vectorfast-render": {
      "type": "http",
      "url": "https://vectorfast.ai/mcp",
      "headers": {
        "Authorization": "Bearer ${VECTORFAST_API_KEY}"
      }
    }
  }
}

  3. Check the connection

    Run claude mcp list or /mcp inside Claude Code; vectorfast-render should show as connected with seven tools.

Claude on the web and Claude Desktop (Free, Pro, Max)

Custom connectors work on Free, Pro, Max, Team and Enterprise plans; the Free plan allows one. The Request headers section only appears for organizations in Anthropic's beta.

  1. Open connectors

    Go to Customize > Connectors and click Add custom connector.

  2. Enter the server URL

    Name it "VectorFast Render" and enter https://vectorfast.ai/mcp.

  3. Choose No sign-in and add the key

    Under Authentication choose No sign-in. Under Request headers pick authorization and enter the value Bearer vf_live_…, including the word Bearer and the space. Claude sends the value exactly as entered.

  4. Turn it on in a chat

    Click Add, then in a conversation open + > Connectors and switch VectorFast Render on.

Claude Team and Enterprise

An Owner (or, on Enterprise, a member whose role can manage libraries) adds the connector for the organization.

  1. Add it for the organization

    Go to Organization settings > Connectors, select Add, then Custom, then Web, and enter https://vectorfast.ai/mcp.

  2. Mind the shared key

    A request-header credential is shared by everyone who uses the connector. Use a dedicated key you can revoke, or wait for OAuth so each person signs in with their own account.

Tools your agent gets

Tool descriptions mention credits because billing is part of the design; in early access billing is not connected, so no render spends credits yet.
VectorFast Render MCP tools
ToolAccessWhat it does
List templateslist_templatesRead-onlyList the official VectorFast Render templates (launch post, achievement card, invite card, stat card, changelog, quote card, social square, blog/OG cover) and, if any, your custom templates. Returns each template's id, name, summary, supported sizes and a link to its preview page. Use it to pick a template before calling get_template or render.
Get template detailsget_templateRead-onlyGet one template's parameter schema (JSON Schema), default and supported sizes, preview image and an example params object. Use it after list_templates to learn which params a template accepts before calling preview_render or render.
List brand kitslist_brand_kitsRead-onlyList the brand kits in your VectorFast account with their id, name, version and whether a logo is set. Use it to find the brand_kit id to pass to render.
Get brand kitget_brand_kitRead-onlyGet a brand kit's colors, fonts, logo URLs (SVG and PNG), default radius and spacing. Omit the id to get the default brand kit. Read-only; edit brand kits at vectorfast.ai.
Preview a render (watermarked)preview_renderRead-onlyRender a watermarked preview of a template with the given params and brand kit. Free and does not spend credits. Returns a preview image URL. Use it to check layout and copy before calling render.
Render an imagerenderRendersRender a template with the given params and brand kit into a PNG, JPEG or WebP image and return its URL. Spends 1 credit per new render (large sizes may cost more); repeating the same template, params and brand kit returns the cached image and spends nothing. Use preview_render first if you want to check the result without spending credits.
Get usage and remaining creditsget_usageRead-onlyGet your current plan, credits used and remaining in this billing period, credit-pack balance and when the period resets. Use it when a render fails for lack of credits or before a large batch.

Three prompts to try

Each image below is what the prompt's render call produces with the built-in VectorFast brand kit; with your own brand kit the colors, fonts and logo change.
  • We just shipped scheduled renders. Make a launch image for LinkedIn and X: headline "Scheduled renders are live", one line saying images now render from CI on every release, and a "New" badge.

    Example image unavailable in this environment.

    Template: Launch post

  • Make a changelog card for our v2.3 release today, tagged "Release", with three highlights: brand kits with versioning, logo vectorization on upload, and 40% faster cold renders.

    Example image unavailable in this environment.

    Template: Changelog

  • Turn this testimonial into a square quote card for LinkedIn: "We stopped opening Figma for release images. Claude makes them from our changelog." — Priya Nair, Head of Growth at Northwind.

    Example image unavailable in this environment.

    Template: Quote card

Good to know

  • VectorFast Render authenticates MCP calls with an API key sent as Authorization: Bearer vf_live_…. OAuth sign-in is planned; once it ships, clients that support OAuth will connect with a sign-in flow instead of a pasted key.
  • You cannot change a Claude connector's authentication after adding it; to rotate a key, remove the connector and add it again.
  • The render tool returns a signed image URL and, for images up to 1200×630, the image inline so Claude can show it in the chat.

Sources

Claude and VectorFast Render FAQ

Is VectorFast Render in the Claude Connectors Directory?
No. It is not listed in any connector directory yet. You add it by URL as a custom MCP server.
How does it authenticate?
With a VectorFast Render API key sent as Authorization: Bearer vf_live_…. OAuth sign-in is planned and will replace the pasted key in clients that support it.
Does every render cost credits?
Billing is not connected in early access. When it is, a new render costs one credit and repeating the same template, parameters, and brand kit is served from cache for free; previews are always free.

Updated · Markdown version