AgentsVS Code MCP

Generate images, PDFs and videos in VS Code.

Add Orshot to VS Code (and GitHub Copilot) so the agent can render images, PDFs and video from your templates as you code.

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
Then just ask

Ask in plain language. VS Code does the rest.

Once connected, VS Code can call the Orshot tools directly. You describe the visual you want, it renders it from your template and hands back the links.

  • Render OG images, ad creatives and carousels from a template
  • Resize one design to every social format in a single call
  • Generate certificates, invoices and reports as PDFs
  • Publish the render straight to social, in the same step
See all agent capabilities
You
Render an OG image from the Orshot blog template and reference it in this page's meta tags.
VS Code calls the Orshot MCP tools and returns the rendered links.
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 a 6-slide Instagram carousel for our Black Friday sale: product-first, brand palette, CTA on slide 6.”

Agent
orshot_create_template_design
Template #4821 · 6-slide carousel
Brand fonts + colors pulled from Acme's kitDynamic product / CTA fields on every slide.
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 product banner for every SKU in rows A1–A500: image, name, sale price, 'Limited' badge.”

Agent
orshot_generate_image × 500
500 product banners in 1m 52s
Signed URLs · avg 220 ms per bannerStraight into your CDN for product pages.
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 push it straight to my Shopify product media.”

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

Agent session
Completed
You

“Render this week's product drop from the Announcement template and publish it to our Instagram and LinkedIn.”

Agent
orshot_list_social_accountsorshot_generate_imageorshot_publish_social_post
Posted to Instagram + LinkedIn
Rendered from the Announcement templateLive 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_nodesorshot_create_workfloworshot_run_workflow
Workflow is live, runs every Monday
Sheet row → render → Slack, no clicks involvedTest run passed · next run scheduled automatically.
More setup guides

Connect Orshot to your other tools.

ClaudeCursorCodexChatGPTAntigravityLovableReplitWarpZedOpenCodeHermes
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.

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 buildingAgent skills overview