MiroMiro MCP

An MCP server that extracts design assets, code, and tokens from any live public website. It allows AI agents to rebuild or restyle sections, extract brand colors, fonts, logos, SVGs, Lottie animations, and download images or videos directly from the rendered DOM without manual DevTools inspection.

Package and access

Local package with source-attributed installation metadata. Koskamo does not execute packages during review.

Vendor evidenceLocal stdioSource reviewed; not executedOperated by MiroMiro

You need:Free key, 300 credits/month, no cardAuth is OAuth: the client opens a one-click MiroMiro sign-in on first connect

Vendor documentation

What you can do with it

Extract brand colors and fonts from a live website
Export a website section as Tailwind, React, or Vue code
Download all images, SVGs, and Lottie animations from a page
Retrieve design tokens and CSS styles for specific elements

Source and maintenance

Vendor evidenceRegistry 0.3.1

mcp-registry: app.miromiro/miromiro@0.3.1 Source repository

Maintenance checked: Oct 31, 2026, 10:59 PM UTC

Packages and installation

Source-provided package data. Koskamo has not executed or live-probed this package.

miromiro-mcp 0.3.1

npm

miromiro-mcp package definition

{
  "version": "0.3.1",
  "transport": "stdio",
  "identifier": "miromiro-mcp",
  "registryType": "npm",
  "registryBaseUrl": "https://registry.npmjs.org",
  "environmentVariables": [
    {
      "name": "MIROMIRO_API_KEY",
      "isRequired": true,
      "description": "API key from https://miromiro.app/api/dashboard (free tier: 100 credits/month, no card)"
    }
  ]
}

Tools

Reported by the attributed source; not independently observed by Koskamo.

No tool definitions available.

Connect from your client

Each snippet configures the same source-provided package; replace placeholders before use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Cursor

Merge this local stdio configuration, replace every placeholder environment value, and restart Cursor. Koskamo has not executed this package.

Cursor configuration

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

Cline

Merge this local stdio configuration, replace every placeholder environment value, and restart Cline. Koskamo has not executed this package.

Cline configuration

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

VS Code

Merge this local stdio configuration, replace every placeholder environment value, and restart VS Code. Koskamo has not executed this package.

VS Code configuration

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

Claude Desktop

Merge this local stdio configuration, replace every placeholder environment value, and restart Claude Desktop. Koskamo has not executed this package.

Claude Desktop configuration

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

Let your agent find its tools

Find servers like MiroMiro MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows

See all 438