1
Turn on developer mode
In ChatGPT open Settings, then Security and login, and enable Developer mode.
MCP server for AI agents
Copy any website’s design with ChatGPT
Add MiroMiro as a plugin and ChatGPT can read any live website: its code, colors, fonts, logos and assets. You ask in plain language, it does the rest.
- Added as a plugin, nothing to install
- Sign in, no API key
- 300 free credits a month
Setup checked October 2026
How do I connect MiroMiro to ChatGPT?
Sign in once. No API key to copy, nothing to install, and 300 free credits a month.
1Connectabout two minutes
Add MiroMiro to ChatGPT
Server URL
https://miromiro.app/mcp- 1 Turn on developer mode
- 2 Add the plugin
- 3 Sign in once
- 4 Ask in plain language
OpenAI has moved these screens more than once. If yours says Apps or Connectors where this page says Plugins, the Developer mode switch is under Advanced settings there. Add the plugin in ChatGPT on the web.
2Ask MiroMiro connected
Then just ask ChatGPT
2
Add the plugin
Go to Settings, then Plugins, choose New Plugin, paste the server URL and pick OAuth as the authentication.
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
Ask in plain language
Name a website and what you want from it. ChatGPT calls the right tool on its own and works with what comes back.
What it does
Ask ChatGPT 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 ChatGPT for?
Four requests to start from. Copy one, swap in the site you care about.
Rebuild
Rebuild a section
“Rebuild the pricing section of stripe.com as a React component, and show me a preview.”
extract_code25 creditsBrand
Make a brand board
“Pull linear.app’s brand colors, fonts and logo and lay them out as a brand board.”
extract_brand15 creditsCompare
Compare two sites
“Compare the colors, type scale and corner radius of vercel.com and netlify.com in a table.”
extract_design_tokens10 creditsAssets
Collect the assets
“List every image and SVG icon on our old homepage, with a link to each file.”
extract_assets1 creditWhy connect it
Without it, ChatGPT 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 ChatGPT can call
You never name them. ChatGPT 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 ChatGPT 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. ChatGPT 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 ChatGPT?
The sign-in suits almost everyone. The others are there when you need a key.
WayHowAPI keyBest for
Sign-in Recommended
Add the server URL as a plugin and pick OAuth. ChatGPT opens the sign-in for you.
No key
Everyone using ChatGPT
REST API
Call the same nine tools as GET endpoints from your own code.
Key needed
Scripts, backends and CI, with no agent involved
Compared
Is ChatGPT the same as Codex?
No. Both come from OpenAI and both use the same MiroMiro server and account, but they are set up in different places and suit different work.
ChatGPT
Codex What it is
A chat app, on the web and desktop
A coding agent that works in your repository
How MiroMiro connects
A plugin added in Settings
Two lines in ~/.codex/config.toml
What you get back
An answer in the chat: code, a board, a file to save
Files written into your project
Best for
Looking a site up, brand boards, one-off sections
Building UI that matches a reference
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 ChatGPT
Can ChatGPT clone a website?
Not well on its own: from a screenshot or the page text it estimates the colors, fonts and spacing. With MiroMiro connected, ChatGPT reads the live page’s real CSS and rebuilds one section at a time as code, with the true values. It is a section you own and restyle, not a pixel copy of a whole site, and behavior such as menus and carousels is not carried over.
Do I need an API key?
No. ChatGPT connects with a sign-in, so there is no key to copy. You only need a key if you call the REST API from your own code.
Can ChatGPT give me a file to import, like an Elementor template?
Yes. Ask for a section as an Elementor template or a Shopify section and ChatGPT returns the file contents for you to save and import.
ChatGPT does not show the MiroMiro tools. What should I check?
Check 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?
ChatGPT 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.
