How to Use the Easelly MCP in VS Code Copilot

Q: Can VS Code Copilot edit existing Easelly layouts?

Yes. Use updateinfographic to push layout modifications. VS Code Copilot calculates the coordinate shifts and applies them to your active template.

Q: How do I list our current Easelly assets inside VS Code Copilot?

Run the listinfographics tool in Copilot Chat. The agent lists your active templates with their unique IDs, letting you select the correct file for editing.

Q: Can we generate visual assets programmatically?

Yes. You can use generateimage to create specific design components. The tool generates the asset and places it directly into your active infographic canvas.

Collaborate on team infographics and visual reports inside VS Code Copilot with live design tools.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Easelly MCP to VS Code Copilot

Create your Vinkius account to connect Easelly to VS Code Copilot and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Easelly with VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Create team visual assets in VS Code Copilot

The `create_infographic` tool initializes a shared design canvas using templates directly from your workspace. Your team writes markdown specifications, and VS Code Copilot translates them into visual layouts instantly. The MCP Server handles the heavy lifting, letting your engineering team scaffold visual reports without leaving their code editor. This removes the friction of design handoffs.

Inspect design structures as code

The `generate_json` tool translates complex visual hierarchies into clean, structured data files. VS Code Copilot reads this output to help your team audit layout layers, text content, and element placement. This makes visual designs version-controllable. You commit the JSON structure to your repository, allowing developers to track layout changes over time.

Render production assets from your workspace

The `generate_pdf` tool triggers high-fidelity document exports directly from your editor. Your team uses VS Code Copilot to run this rendering tool as part of your local testing or deployment script. This ensures your generated reports always match the latest layout definitions. The server compiles the assets in a secure sandbox, returning the clean file directly to your workspace.

Setup guide

Set up Easelly MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the Easelly MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the Easelly tools listed. Try asking: "List my recent Easelly transactions" and Copilot will invoke them automatically.

.vscode/mcp.json

{
  "mcpServers": {
    "easelly-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Easelly. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Easelly now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Easelly MCP in VS Code Copilot

Create a shared mcp.json file inside your project's .vscode folder. When team members open the workspace, VS Code Copilot automatically loads the MCP tools for everyone.

Yes. Use `update_infographic` to push layout modifications. VS Code Copilot calculates the coordinate shifts and applies them to your active template.

Run the `list_infographics` tool in Copilot Chat. The agent lists your active templates with their unique IDs, letting you select the correct file for editing.

Yes. You can use `generate_image` to create specific design components. The tool generates the asset and places it directly into your active infographic canvas.

Your layout JSON and rendered PDFs are processed in zero-trust, isolated MCP runtimes. No design assets or layout structures are written to persistent storage during the execution.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript