SERVER

miromiro-mcp

Rank #21,636

app.miromiro/miromiro

Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.

3 versions

by SoraiaBarroso (1 servers)View repository ↗Claim this server

First listed

Jul 23, 2026

Last publish date

Jul 28, 2026

OVERVIEW

miromiro-mcp is a Model Context Protocol (MCP) server published by SoraiaBarroso. It ranks #21,636 of 132,046 servers tracked on MCP Toplist. miromiro-mcp is listed across 2 registries — Official MCP and Glama, with 3 tracked versions. It was first listed on Jul 23, 2026 and most recently updated on Jul 28, 2026.

STANDING

#21,636of 132,046 tracked serversTop 25%

Ranks ahead of 110,410 of 132,046 servers on MCP Toplist.

CONNECT

Use miromiro-mcp

No setupRuns out of the box

No credentials or required configuration declared — add it to your MCP client and go.

Remote · HTTP

claude mcp add --transport http miromiro https://miromiro.app/mcp

npm package

claude mcp add miromiro -e "MIROMIRO_API_KEY=<your MIROMIRO_API_KEY>" -- npx -y miromiro-mcp

Replace each placeholder with your own value before saving.

Remote · HTTP

[mcp_servers.miromiro]
url = "https://miromiro.app/mcp"

Add to ~/.codex/config.toml.

npm package

[mcp_servers.miromiro]
command = "npx"
args = ["-y", "miromiro-mcp"]

[mcp_servers.miromiro.env]
MIROMIRO_API_KEY = "<your MIROMIRO_API_KEY>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

Remote · HTTP

https://miromiro.app/mcp

Settings → Connectors → “Add custom connector”, then paste this URL.

npm package

{
  "mcpServers": {
    "miromiro": {
      "command": "npx",
      "args": [
        "-y",
        "miromiro-mcp"
      ],
      "env": {
        "MIROMIRO_API_KEY": "<your MIROMIRO_API_KEY>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "miromiro": {
      "url": "https://miromiro.app/mcp"
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project).

npm package

{
  "mcpServers": {
    "miromiro": {
      "command": "npx",
      "args": [
        "-y",
        "miromiro-mcp"
      ],
      "env": {
        "MIROMIRO_API_KEY": "<your MIROMIRO_API_KEY>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "servers": {
    "miromiro": {
      "type": "http",
      "url": "https://miromiro.app/mcp"
    }
  }
}

Save as .vscode/mcp.json in your workspace.

npm package

{
  "servers": {
    "miromiro": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "miromiro-mcp"
      ],
      "env": {
        "MIROMIRO_API_KEY": "<your MIROMIRO_API_KEY>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "miromiro": {
      "serverUrl": "https://miromiro.app/mcp"
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.

npm package

{
  "mcpServers": {
    "miromiro": {
      "command": "npx",
      "args": [
        "-y",
        "miromiro-mcp"
      ],
      "env": {
        "MIROMIRO_API_KEY": "<your MIROMIRO_API_KEY>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "miromiro": {
      "url": "https://miromiro.app/mcp"
    }
  }
}

npm package

{
  "mcpServers": {
    "miromiro": {
      "command": "npx",
      "args": [
        "-y",
        "miromiro-mcp"
      ],
      "env": {
        "MIROMIRO_API_KEY": "<your MIROMIRO_API_KEY>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/app.miromiro%2Fmiromiro.svg)](https://mcptoplist.com/server/app.miromiro%2Fmiromiro)

HTML

<a href="https://mcptoplist.com/server/app.miromiro%2Fmiromiro"><img src="https://mcptoplist.com/badge/app.miromiro%2Fmiromiro.svg" alt="MCP Toplist: Top 25% of 132,046" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

REGISTRIES

Listed on 2 registries

Official MCP

Glama

ORGANIZATION

SoraiaBarroso

Organization

SoraiaBarroso

Servers in org

Versions across org

VERSIONS

Available versions (3)

Version	Published
0.3.1	Jul 28, 2026
0.3.0	Jul 27, 2026
0.2.1	Jul 23, 2026

FAQ

Frequently asked questions

Who maintains miromiro-mcp?: miromiro-mcp is maintained by SoraiaBarroso, which publishes 1 MCP server (3 total versions) tracked on MCP Toplist.
Is miromiro-mcp listed on the Official MCP Registry?: Yes — miromiro-mcp is listed on the Official MCP Registry, alongside Glama.
How many versions does miromiro-mcp have?: MCP Toplist tracks 3 versions of miromiro-mcp, most recently published on Jul 28, 2026.
Where can I find the source code for miromiro-mcp?: The source code for miromiro-mcp is hosted at github.com/SoraiaBarroso/miromiro-mcp.

Used in projects

Do you run this server?

Add to a project

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers