DivMagic MCP

Copy any component from a live web page as clean, self-contained HTML or JSX — from inside your agent.

DivMagic opens the page in a real browser and converts what it renders. That is the difference from fetching HTML: the output carries the computed styles, the resolved layout, and the markup the page actually produced, not the template it shipped.

You:   copy the infobox from en.wikipedia.org/wiki/HTML as JSX with tailwind
Agent: → copy_component_from_url
       ← Copied en.wikipedia.org → JSX + Tailwind. 48 KB.
         Studio: https://divmagic.com/studio/c/…
         Download: https://api.divmagic.com/v1/mcp/dl/…

Get a key

1. Sign in at divmagic.com/dashboard

2. Open MCP and choose Create key

3. Copy it straight away

Keys look like dvmcp_…, and are shown once. Losing a key means issuing a new one, which immediately revokes the old.

Related MCP server: DOM Inspector Plus MCP Server

Install

npx divmagic-mcp

It asks for your key (Enter skips), checks it against the server before touching anything, shows which agents it found, and writes only the ones you pick. Skipping the key still installs: the first copy tells the agent where to sign up.

Create a key at https://divmagic.com/dashboard — shown once. Or skip and add it later.

Paste your key (Enter to skip):


Found 3 on this machine. Which should get DivMagic?
  1. Claude Code
  2. Cursor
  3. VS Code

Which? (numbers separated by commas, or "all") all

Twenty-two agents are supported. Run npx divmagic-mcp --help for the list.

npx divmagic-mcp --key dvmcp_YOUR_KEY -a cursor -a claude-code -y

Restart any agent it changed.

Claude Code

claude mcp add --transport http divmagic https://api.divmagic.com/v1/mcp \
  --header "Authorization: Bearer dvmcp_YOUR_KEY"

Cursor (~/.cursor/mcp.json), VS Code (.vscode/mcp.json), Windsurf (~/.codeium/windsurf/mcp_config.json)

{
  "mcpServers": {
    "divmagic": {
      "url": "https://api.divmagic.com/v1/mcp",
      "headers": { "Authorization": "Bearer dvmcp_YOUR_KEY" }
    }
  }
}

Claude Desktop

{
  "mcpServers": {
    "divmagic": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://api.divmagic.com/v1/mcp",
        "--header", "Authorization: Bearer dvmcp_YOUR_KEY"
      ]
    }
  }
}

Tools

copy_component_from_url

A copy usually takes 10–30 seconds. If it has not finished in about twenty, you get a job id — get_component_result collects it.

get_component_result

Polling costs nothing.

How it behaves

Links, not markup. Every copy comes back as a Studio page and a download on api.divmagic.com. The file is not dumped into chat, and the download is not an S3 URL.

Caching. A rendered copy is reused for 24 hours. Pass refresh: true when a page has changed.

Credits. One credit per copy you receive. A failed copy costs nothing. Polling costs nothing.

Limits. A page gets 60 seconds to render. Pages behind a login, or that block automated browsers, will not copy.

Troubleshooting

"Missing key. Sign up here…" — no key in the agent config. Create one at divmagic.com/dashboard and rerun npx divmagic-mcp --key dvmcp_YOUR_KEY.

401 "This MCP key is not valid" — the key was revoked. Create another in the dashboard.

"Your MCP quota is exhausted" — top up in the dashboard.

"The attempt on this job stopped without finishing" — call copy_component_from_url again with the same arguments.

Support

A page that copied badly: open an issue.

Account, billing and key questions: divmagic.com.

License

MIT — see LICENSE. The DivMagic service is governed by its terms.