MCP server for AI agents

Give any website’s design to OpenAI dots

Dots use the plugins you have added in ChatGPT. Add MiroMiro there once and a dot can read any live website while it works on its own.

  • Uses your ChatGPT plugins
  • Sign in, no API key
  • 300 free credits a month

Setup checked October 2026

How do I connect MiroMiro to OpenAI dots?

Sign in once. No API key to copy, nothing to install, and 300 free credits a month.

1Connectabout two minutes

Add MiroMiro to OpenAI dots

Server URL
https://miromiro.app/mcp
  1. 1 Turn on developer mode
  2. 2 Add the plugin in ChatGPT
  3. 3 Sign in once
  4. 4 Test it with one request

Dots use the plugins that are installed and switched on in your ChatGPT account. Start with one small request, such as the brand colors of a site, to see your dot call MiroMiro.

2Ask MiroMiro connected

Then just ask OpenAI dots

1

Turn on developer mode

In ChatGPT open Settings, then Security and login, and enable Developer mode.

2

Add the plugin in ChatGPT

Go to Settings, then Plugins, choose New Plugin, paste the server URL and pick OAuth.

3

Sign in once

Your agent opens a MiroMiro sign-in the first time it connects. A free account includes 300 credits a month, no card.

4

Test it with one request

Ask your dot for one small thing, such as the brand colors of a site, and check that it calls MiroMiro before you hand it longer work.

What it does

Ask OpenAI dots for a website. It comes back with the real thing.

Three things people ask for most. Pick one to watch it happen.

Prompts

What can I ask OpenAI dots for?

Four requests to start from. Copy one, swap in the site you care about.

Rebuild

Rebuild a section

“Rebuild the features section of notion.com as a Tailwind component and save the file.”

extract_code25 credits

Brand

Keep a brand kit current

“Read our homepage’s brand colors, fonts and logo and update the brand kit document.”

extract_brand15 credits

Compare

Watch a competitor

“Extract the design tokens of rival.com and tell me what changed since last month.”

extract_design_tokens10 credits

Assets

Collect before a migration

“Collect every image, icon and font file on the old site before we move it.”

extract_assets1 credit
Why connect it

Without it, OpenAI dots guesses

A screenshot holds pixels, not values. Same request, two results.

From a screenshot

Brand color
#3b82f6
estimated
Font
a serif, roughly
estimated
Heading
48px
estimated

With MiroMiro connected

Brand color
#5e6ad2
from the page
Font
Inter Variable
from the page
Heading
56px
from the page
Included

Seven tools OpenAI dots can call

You never name them. OpenAI dots picks the right one from what you ask.

What is the MiroMiro MCP server?

MCP is the standard way to give an AI agent new tools. MiroMiro’s server gives OpenAI dots seven of them, each one reading a live website and returning its real values: the code of a section, the brand, the design tokens, the files.

It is one URL. OpenAI dots discovers the tools when it connects, and there is nothing to keep up to date on your side.

More about the MCP server
Name
MiroMiro
URL
https://miromiro.app/mcp
Type
Remote MCP server (Streamable HTTP)
Sign-in
OAuth, found automatically. API keys also work.
Tools
Seven, discovered on connect

extract_code25 credits

A section as code, or an Elementor / Shopify file

extract_brand15 credits

Color roles, palette, fonts and logo

extract_design_tokens10 credits

Every color, size, spacing and shadow

extract_fonts5 credits

Font families and their files

extract_lottie3 credits

Lottie animation files

extract_assets1 credit

Every image on the page

extract_svgs1 credit

SVG icons as paste-ready code

Options

Which way should I connect OpenAI dots?

The sign-in suits almost everyone. The others are there when you need a key.

Sign-in Recommended

Add the server URL as a plugin in ChatGPT and pick OAuth. Your dots use it from there.

No key

Everyone using dots

REST API

Call the same nine tools as GET endpoints from your own code.

Key needed

Scripts, backends and CI, with no agent involved

Good to know

What it reads, and where it stops

Public URLs

Any public page

Whatever a visitor without an account can open. No pages behind a login, no localhost.

8 named sections

Sections by name

Hero, header, footer, pricing, features, testimonials, FAQ or CTA. Every result lists the page’s other sections.

No extra cost

JavaScript sites

Read as HTML and CSS first. When a page needs its scripts, it is re-read in a real browser automatically.

Both themes

Light and dark

A site with a dark variant returns its light version by default. Ask for the dark one and you get that.

0 credits

Repeats are free

Results are kept for 24 hours. Asking again for the same page in that time spends nothing.

0 credits

Failures are free

A site that blocks the request or times out costs no credits. You pay for results only.

FAQ

Questions about MiroMiro in OpenAI dots

Do I set MiroMiro up separately for each dot?

No. You add it once in ChatGPT, and dots use the plugins switched on in that account. Start with one small request to see it working.

What would a dot use it for?

Anything that needs a real website’s design without you in the loop: rebuilding a section, keeping a brand kit current, or collecting the assets of a site before a migration.

My dot does not show the MiroMiro tools. What should I check?

Check in ChatGPT that Developer mode is still on and that MiroMiro is listed under Settings, then Plugins. If the sign-in window never opened, remove MiroMiro and add it again, then start a new conversation: most clients only load their tools when one begins.

Does it work on sites built with JavaScript?

Yes. MiroMiro reads the page’s HTML and CSS first, which is enough for most sites. When a page only draws itself in the browser, MiroMiro re-reads it in a real browser that runs the page’s scripts, automatically and at no extra cost. Your agent can also ask for the browser up front for 5 extra credits, on any plan.

Which formats can it return?

A section comes back as Tailwind, HTML and CSS, React, Vue, an Elementor template or a Shopify section. Design tokens come back as JSON, CSS variables, a Tailwind config or a W3C design tokens file.

What does it cost?

Connecting is free, and a free account includes 300 credits every month with no card. Each tool call spends credits: 1 for images or SVG icons, 15 for a brand kit, 25 for a section as code. Repeat calls within 24 hours and failed calls are free.

What happens when I run out of credits?

Your dot tells you the monthly credits are used up and the calls stop until they reset, or until you add credits or a plan on the pricing page. Nothing is charged on a free account, ever.

Can it read pages behind a login?

No. It reads public pages the way a visitor without an account would see them. Pages that need a sign-in, and addresses on your own machine such as localhost, are out of reach.

Using a different agent?

Same server, same account. Only the place you paste the URL changes.

Connected in two minutes

300 free credits every month. No credit card.

Connect OpenAI dots for $0