VS Code MCP

Generate images, PDFs and videos in VS Code.

Add Orshot to VS Code to render images, PDFs and videos from your templates, publish straight to social, and post at the best time to grow engagement.

Connect with VS Code

30 free credits · no credit card · hosted MCP, no local install

What Orshot for Agents can do for you:

Generate on-brand templates
Render carousels, videos from your data
Manage your brand assets
Plug API, Automation Workflows
Post, draft, schedule social content
Analyze your social metrics
Tell your best time to post
See what gets engagement, what doesn't
Get every number you need to grow

.vscode/mcp.json

{
  "servers": {
    "orshot": { "type": "http", "url": "https://mcp.orshot.com/mcp" }
  }
}

Click Start above the server entry and VS Code opens the OAuth flow. The same file works for GitHub Copilot.

Full docs

Right in your workflow

One prompt, assets in your build.

VS Code calls the Orshot tools inline, renders from your templates, and hands back URLs you can drop straight into your code, CI or CDN.

Publish to social from the same call, no extra API
Batch-render assets from a CSV or database, one per row
Render an OG image and reference it in your meta tags
Generate certificates, invoices and receipts as PDFs

See all agent capabilities

Render this week's quote graphic from my template and post it to LinkedIn.

Rendered and posted to LinkedIn · VS Code replies with the links

Interactive previews

Every render comes back ready to ship.

In VS Code, renders come back as links you can open. In the Claude and ChatGPT apps, the same results come back as interactive cards you can flip through.

Every render comes back as a link VS Code can open
The same Orshot tools, whatever your MCP client
Interactive cards in the Claude and ChatGPT desktop and web apps

1 / 3

Launch poster · 3 variantsRendered from your template + data

Create

On-brand carousels, documents and reels, from a prompt.

Describe the piece and VS Code builds it from your templates: a LinkedIn carousel, a one-page document, a reel cover, already in your fonts and colors.

“Build a testimonial card template with a quote, name and avatar.”

“Show me every editable field on the newsletter template.”

Agent session

Completed

You

“Build an Instagram carousel for the headphones drop: product-first, brand palette, CTA on the last slide.”

Agent

orshot_create_template_design

1 / 3

Template #4821 · Launch carouselBrand fonts + colors from Acme's kit

Render

Render images, video and PDFs from your data source.

Point VS Code at a Google Sheet, an Airtable or a list of rows and it renders one asset per record from a template you designed once: product shots, certificates, thumbnails, the lot.

“Render the pricing template with this month's numbers and give me the PNG.”

“Resize my banner design to every social format in one call.”

Agent session

Completed

You

“Render a banner for every campaign in rows A1–A500: offer, dates and the campaign artwork.”

Agent

orshot_generate_image × 500

1 / 3

500 banners in 1m 52sSigned URLs · avg 220 ms per render

Publish

Post to 15+ social platforms, via VS Code and API.

VS Code posts to the accounts you have connected, holds a draft for you to read first, or schedules a whole week for the times and timezone you name. Every one of those actions is an API call too.

“Generate the graphic and upload it to my Shopify Files.”

“Render this post and publish it to Instagram and LinkedIn.”

Agent session

Completed

You

“Render the Just Sold post for 12 Maple Ave and publish it to our Instagram and Facebook.”

Agent

orshot_list_social_accounts

orshot_generate_image

orshot_publish_social_post

+412reach

+38%engagement

Live

Posted to Instagram + FacebookLive now · caption and first comment set

Automate

Automate the loop, or drop the API into your codebase.

Have VS Code wire up an Orshot Workflow that keeps running after the chat: a trigger, a data source, your template and a destination. Or skip VS Code and call the REST API straight from your own app.

“Build a workflow: incoming webhook → render → upload to my S3 bucket.”

“Set up a workflow that renders a fresh OG image whenever I add a blog row in Airtable.”

Agent session

Completed

You

“Set up a workflow: every Monday 9am, render the Weekly Deals template from the newest Google Sheet row and post it to our Slack.”

Agent

orshot_list_workflow_nodes

orshot_create_workflow

orshot_run_workflow

New Sheet row

Render Weekly Deals

Post to Slack

Live · next run Mon 09:00

Weekly Deals → SlackTest run passed · scheduled Mondays

Security and data handling

Scoped by OAuth, nothing else touched.

OAuth 2.0, standards-compliant

Authorization code with PKCE and dynamic client registration, per the MCP Authorization spec. Tokens stay in your MCP client; the server does not store them.

Scoped to your workspace

Each connection accesses only the Orshot workspaces of the account that authorized it. Disconnect from your client at any time to end access.

Tool calls only

The server receives tool calls and their inputs, nothing else. It never reads your conversation, files or memory, and it only talks to Orshot's own API.

Annotated, permission-aware tools

Every tool declares read-only or write behavior, and destructive actions like delete and publish are marked so your client asks before running them.

Full details in the MCP server reference, the help center, the privacy policy and the terms of service. Questions from your security team? Write to hi@orshot.com.

More setup guides

Wire Orshot into your other tools.

Zed

FAQ

Using Orshot with VS Code

Does this work with GitHub Copilot in VS Code?

Yes. GitHub Copilot uses the same .vscode/mcp.json file, with servers under the root `servers` key (not mcpServers).

The Orshot server isn't starting in VS Code, what do I do?

Click the Start button that appears above the server entry in .vscode/mcp.json. VS Code then runs the OAuth flow and discovers Orshot's tools.

Do I put the config in workspace or user settings?

Either. Use .vscode/mcp.json for a single project, or add it to your user settings.json to make Orshot available in every workspace.

Can I use a workspace API key instead of OAuth in VS Code?

Yes. Pass an Orshot workspace API key as a bearer token if you would rather not run the OAuth flow.

What can VS Code do with Orshot once connected?

You can ask VS Code in plain language to render images, PDFs and video from your Orshot templates, resize one design to every social format, and publish the result to social. No image infrastructure to build.

Is the Orshot MCP server free to use?

Connecting is free. Renders draw from your Orshot plan, and every account starts with 30 free credits and no credit card.

What data can the Orshot MCP server access?

Only the Orshot workspaces of the account that authorized it, over OAuth 2.0 with PKCE. The server receives tool calls and their inputs, never your conversation or files, and every call goes to Orshot's own API. Disconnect from your client at any time to end access.

How are risky actions like delete or publish handled?

Every tool declares whether it reads or writes, and destructive actions carry an explicit annotation, so MCP clients ask for confirmation before running them. Read-only tools like listing templates can run without a prompt.

Can VS Code post to my social accounts?

Yes, once you connect that account in your Orshot dashboard. After it is connected, VS Code can draft, schedule or publish to it. Rendering and everything else works without connecting any social account.

Give VS Code your templates. 30 free credits to try.

No credit card. Connect the hosted MCP server, then let VS Code render images, PDFs and video from your Orshot templates.

Start building Agent skills overview