MiroMiro

by soraiabarroso

Not rated
GitHub

About

Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code. Remote server with one-click OAuth (free tier, no card) at https://miromiro.app/mcp, or npx miromiro-mcp locally.

Details

Author
soraiabarroso
Categories
Design, Security

Quick start: remote server (nothing to install)

Paste that URL into any client that accepts a remote MCP server. On first use it opens a one-click MiroMiro sign-in that links a free account (300 credits/month, no card).

- Claude (web or desktop):Settings → Connectors → Add custom connector → paste the URL. Or use the](https://miromiro.app/api)one-click install.
- ChatGPT:Settings → Security and login → enable Developer mode, then add the URL as a connector (authentication: OAuth).
- Cursor (remote):add{ "mcpServers": { "miromiro": { "url": "https://miromiro.app/mcp" } } }to~/.cursor/mcp.json.
- Raw API key instead of OAuth:append?access_key=mm_live_...to the URL, or send it as anAuthorization: Bearerheader.

Prefer a local stdio process with the key in an env var? Get a free key atmiromiro.app/api/dashboard, then:

Cursor(~/.cursor/mcp.json) /Windsurf(Settings → MCP):

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

Claude Code(run in your terminal, not inside aclaudesession):

claude mcp add miromiro -s user \ --env MIROMIRO_API_KEY=mm_live_your_key \ -- npx -y miromiro-mcp

All tools are read-only and retry-safe. Identical calls within 24 hours are served from cache for free, and failed calls are never billed.

Remote results are trimmed by default so a big page cannot flood the chat context, and every trimmed response says exactly what was dropped. Two optional arguments loosen it per call:

- limit(up to 200) - raise the item cap: "give me 80 SVGs, not 20"
- full_output: true- complete long strings, like entire inline SVG markup

The REST API and this local npm server always return everything untrimmed, solimitandfull_outputapply to the remote server only. Every tool on both servers acceptsrender: true, plus two more shared arguments:

- fresh: true- skip the 24-hour cache and re-extract the live page (charged normally); use when the site just changed
- screenshot: true(requiresrender: true) - the result gains ascreenshotfield: a public URL of a 1440x900 capture of the page, live for 7 days, at no extra credits - show it to the user to verify an extraction. Pass'full'instead oftruefor the entire page height.

"Rebuild stripe.com's pricing section in React"

The agent callsextract_codewith the URL, gets the section's real markup, colors, fonts, and spacing, and adapts actual values instead of guessing.

Extraction returns a page's light styles by default, so a site you know as dark comes back light unless you ask otherwise:

"Rebuild linear.app's pricing card in its dark theme"

The agent passestheme: "dark"and the page'sprefers-color-scheme: darkrules and custom properties become the component itself. Every result also carries athemefield saying which one you actually got. Sites that switch themes with a JavaScript class toggle cannot be selected this way - you get the page default plus a hint saying so.

"Build a dashboard in the style of linear.app"

The agent callsextract_brandandextract_design_tokens, gets Linear's real colors, fonts, and spacing scale, and builds to match.

"What fonts does apple.com use?"

The agent callsextract_fontsand returns every family with its font file URLs and weights.

- The API reads static HTML and resolves the full CSS cascade by default, so a fully client-rendered app may return little for images, video, audio and Lottie (tokens, fonts, brand, and code come from CSS and are unaffected). Passrender: trueon any remote-server tool to run the page in a real browser first so its JavaScript executes (+5 credits).
- Respect the sites you extract from: check their terms before reusing assets commercially.

API docs·Playground (no account)·Pricing·Changelog·Connect page

OAuth-protected MCP tools for ImagineVid image, video, and music generation across many AI capabilities, with live credit quotes and explicit approval. Learn more at https://imaginevid.io/

The 1Password MCP server creates a bridge that allows MCP clients such as Codex and Kiro to manage your 1Password Environments with secure authorization prompts.

Remote MCP server (streamable HTTP, OAuth 2.1) for AdMake AI. Generate Facebook, Instagram and TikTok ad creatives and UGC-style video ads, research competitor ads from the Meta Ad Library, and publish finished ads to Meta via the Marketing API. Connect at https://admakeai.com/api/mcp

ALTER - identity infrastructure for the AI economy

Salesforce integration using OAuth2. Write operations disabled by default per integration. 700+ tools covering SOQL, SOSL, REST, and CRUD, individually selectable. Requires a DataGrout account.

Model Context Protocol server for Skycloak managed Keycloak. Manage clusters, realms, applications, SSO and users from any MCP client.

Turns the Agent into a vLEI/KERI protocol expert

AI traffic control plane (chaos governor): Redis prompt replay, compliant web ingest, SSO org ledger, Agent Shell. BYOK OpenAI-compatible ingress. Cursor optional; MCP is a compatibility client.

Securely retrieve credentials from 1Password for use by Agentic AI.

Agent-native forum for the x402/A2A ecosystem. The hosted MCP server exposes the whole forum as tools — threads, comments, votes, USDC bounties (Coinbase x402 on Base), provider reviews, and search. Endpoint: https://api.achivx.com/mcp/ (HTTP, OAuth 2.1).

MCP server for theMiroMirodesign-extraction API. Give your AI agent the real design of any live website - brand colors, fonts, design tokens, SVGs, images, Lottie animations, and paste-ready component code - so it builds from actual values instead of guessing from a screenshot.

Works with Claude (web, desktop, Claude Code), ChatGPT, Cursor, Windsurf, Codex, and any MCP client.

Install as a plugin to get the tools plus three skills that teach Claude when to reach for each one (clone-section,match-brand,extract-assets):

claude plugin marketplace add anthropics/claude-plugins-community claude plugin install miromiro@claude-community

The plugin uses the remote server, so there is nothing to install and no key to paste - on first use it opens a one-click MiroMiro sign-in that links a free account (300 credits/month, no card).

Quick start: remote server (nothing to install)

Paste that URL into any client that accepts a remote MCP server. On first use it opens a one-click MiroMiro sign-in that links a free account (300 credits/month, no card).

- Claude (web or desktop):Settings → Connectors → Add custom connector → paste the URL. Or use theone-click install.
- ChatGPT:Settings → Security and login → enable Developer mode, then add the URL as a connector (authentication: OAuth).
- Cursor (remote):add{ "mcpServers": { "miromiro": { "url": "https://miromiro.app/mcp" } } }to~/.cursor/mcp.json.
- Raw API key instead of OAuth:append?access_key=mm_live_...to the URL, or send it as anAuthorization: Bearerheader.

Prefer a local stdio process with the key in an env var? Get a free key atmiromiro.app/api/dashboard, then:

Cursor(~/.cursor/mcp.json) /Windsurf(Settings → MCP):

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

Claude Code(run in your terminal, not inside aclaudesession):

claude mcp add miromiro -s user \ --env MIROMIRO_API_KEY=mm_live_your_key \ -- npx -y miromiro-mcp

All tools are read-only and retry-safe. Identical calls within 24 hours are served from cache for free, and failed calls are never billed.

Remote results are trimmed by default so a big page cannot flood the chat context, and every trimmed response says exactly what was dropped. Two optional arguments loosen it per call:

- limit(up to 200) - raise the item cap: "give me 80 SVGs, not 20"
- full_output: true- complete long strings, like entire inline SVG markup

The REST API and this local npm server always return everything untrimmed, solimitandfull_outputapply to the remote server only. Every tool on both servers acceptsrender: true, plus two more shared arguments:

- fresh: true- skip the 24-hour cache and re-extract the live page (charged normally); use when the site just changed
- screenshot: true(requiresrender: true) - the result gains ascreenshotfield: a public URL of a 1440x900 capture of the page, live for 7 days, at no extra credits - show it to the user to verify an extraction. Pass'full'instead oftruefor the entire page height.

"Rebuild stripe.com's pricing section in React"

The agent callsextract_codewith the URL, gets the section's real markup, colors, fonts, and spacing, and adapts actual values instead of guessing.

Extraction returns a page's light styles by default, so a site you know as dark comes back light unless you ask otherwise:

"Rebuild linear.app's pricing card in its dark theme"

The agent passestheme: "dark"and the page'sprefers-color-scheme: darkrules and custom properties become the component itself. Every result also carries athemefield saying which one you actually got. Sites that switch themes with a JavaScript class toggle cannot be selected this way - you get the page default plus a hint saying so.

"Build a dashboard in the style of linear.app"

The agent callsextract_brandandextract_design_tokens, gets Linear's real colors, fonts, and spacing scale, and builds to match.

"What fonts does apple.com use?"

The agent callsextract_fontsand returns every family with its font file URLs and weights.

- The API reads static HTML and resolves the full CSS cascade by default, so a fully client-rendered app may return little for images, video, audio and Lottie (tokens, fonts, brand, and code come from CSS and are unaffected). Passrender: trueon any remote-server tool to run the page in a real browser first so its JavaScript executes (+5 credits).
- Respect the sites you extract from: check their terms before reusing assets commercially.

API docs·Playground (no account)·Pricing·Changelog·Connect page

OAuth-protected MCP tools for ImagineVid image, video, and music generation across many AI capabilities, with live credit quotes and explicit approval. Learn more at https://imaginevid.io/

The 1Password MCP server creates a bridge that allows MCP clients such as Codex and Kiro to manage your 1Password Environments with secure authorization prompts.

Remote MCP server (streamable HTTP, OAuth 2.1) for AdMake AI. Generate Facebook, Instagram and TikTok ad creatives and UGC-style video ads, research competitor ads from the Meta Ad Library, and publish finished ads to Meta via the Marketing API. Connect at https://admakeai.com/api/mcp

ALTER - identity infrastructure for the AI economy

Salesforce integration using OAuth2. Write operations disabled by default per integration. 700+ tools covering SOQL, SOSL, REST, and CRUD, individually selectable. Requires a DataGrout account.

Model Context Protocol server for Skycloak managed Keycloak. Manage clusters, realms, applications, SSO and users from any MCP client.

Turns the Agent into a vLEI/KERI protocol expert

AI traffic control plane (chaos governor): Redis prompt replay, compliant web ingest, SSO org ledger, Agent Shell. BYOK OpenAI-compatible ingress. Cursor optional; MCP is a compatibility client.

Securely retrieve credentials from 1Password for use by Agentic AI.

Agent-native forum for the x402/A2A ecosystem. The hosted MCP server exposes the whole forum as tools — threads, comments, votes, USDC bounties (Coinbase x402 on Base), provider reviews, and search. Endpoint: https://api.achivx.com/mcp/ (HTTP, OAuth 2.1).

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.