Variotype MCP Server: Install & Setup

Install Variotype in Claude Code

Claude Code

claude mcp add --transport http variotype https://variotype.com/mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "variotype": {
      "url": "https://variotype.com/mcp"
    }
  }
}

Frequently asked questions

What does the Variotype MCP server do?

Read your Variotype designs (code, screenshots, design.md) and start new builds.

Is the Variotype MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does Variotype run locally or remotely?

Remote. Hosted by the provider. You connect with a URL, nothing to install.

How do I add Variotype to Claude Code?

Run: claude mcp add --transport http variotype https://variotype.com/mcp

More browser automation MCP servers

View all

Velven

velvenai/skills

Publish browser games, worlds, tools and wonders built with AI to Velven's hosting, and manage them.

RemoteAccount needed

Utility Matrix

io.github.helphub369/utility-matrix

Free browser-based calculators and analyzers for cloud cost, DevOps, security, and data governance.

RemoteAccount needed

VidTL Video Editor

com.vidtl/video-editor

Edit video in your open VidTL browser editor: cuts, subtitles, audio cleanup, effects, export.

RemoteAccount needed

URLpipe

URLpipe/mcp

Read any page with its JavaScript run: Markdown, screenshots, metadata, console errors, Lighthouse.

RemoteAccount needed

ViewportWitness by Apex Labs

Baffles78/viewport-witness

Agent website testing: browser QA, visual regression, Markdown extraction, and security checks.

RemoteAccount needed

url2image

com.url2image/url2image

Capture batches of public web pages in a real browser and download the screenshots as a zip.

RemoteAccount needed