MiroMiroMiroMiroAPI
Key
n8n template · AI agent

An n8n AI agent that reads and rebuilds websites

Chat with an n8n agent that has MiroMiro as its tools. Ask "turn the hero of linear.app into a React component" or "what are airbnb.com's brand colors?".

Use this template View on GitHub

Free template · 300 free credits a month · no credit card

The workflow

A chat agent with MiroMiro as its tools.

  1. Chat

    Your question

  2. AI agent

    Any chat model

  3. MiroMiro

    Tool: brand kit

  4. MiroMiro

    Tool: section as code

What comes out
n8n · Chat

Turn the hero of linear.app into a React component

MiroMiro · turn a section into code
Here's the hero as a React component, with Linear's own colors and fonts: 
export function Hero() { … }
Cost
10 credits per section
Setup
About a minute
Starts with
Chat
You get
Tool: section as code
What you get

What the template gives you

  • An agent that picks the right MiroMiro tool from plain language.

  • Brand kits and sections as code, inside the chat.

  • Works with Claude, OpenAI, Gemini or any chat model n8n supports.

How to use it

Running in about a minute

  1. Your API key

    mm_live_••••••••

    300 free credits a month

    1

    Get a free key and add it in any MiroMiro node: Credential › Create new.

  2. My workflow
    • Download
    • Import from URL…
    • Import from File…
    2

    Import the template: ⋯ menu › Import from URL, and paste the link below.

  3. Execute workflowWorkflow executed successfully
    3

    Run it: set your website, click Execute workflow, and grab the result from the last node.

Template link

Paste it in n8n: ⋯ menu (top right of a workflow) › Import from URL.

Or download the .json and use Import from File. No key yet? Get a free API key.

For this template

  • Add your chat model credential (Anthropic in the template; swap the node for OpenAI or Gemini if you prefer).
  • Click Open chat and ask.
Perfect for

Who uses it

  • Building your own design assistant
  • Adding website extraction to an existing n8n agent
  • Slack or Telegram bots that answer "what does this site look like?"
The MiroMiro node

Verified by n8n

The template uses the MiroMiro node, approved by n8n and coming to n8n Cloud's nodes panel with their next release. On self-hosted n8n it works today: Settings > Community nodes > Install, with the package name below.

n8n-nodes-miromiro Source and all templates on GitHub
FAQ

Frequently asked questions

Can I add MiroMiro to my own agent?

Yes. The MiroMiro node works as an AI tool in any n8n agent: add it under Tools and pick the operation.

Which model works best?

Any model with tool calling. The template uses Claude; OpenAI and Gemini work the same way.

Is the template free?

Yes. The template and the MiroMiro node are free. The node calls the MiroMiro API, which includes 300 free credits a month with no card; paid plans start when you need more.

Does it work on n8n Cloud?

MiroMiro has been verified by n8n and arrives in n8n Cloud’s nodes panel with n8n’s next release. On self-hosted n8n it works today: Settings > Community nodes > Install, package name n8n-nodes-miromiro.

Can I change the workflow?

Yes, it is a normal n8n workflow. Swap the trigger for a schedule, a webhook or a Google Sheet, and send the result to Drive, Dropbox, email or Slack.

More n8n templates

All templates

Rebuild any website from a form

A form: paste a URL, get the page rebuilt as code.

Compare the brands of many websites

Many websites in, one brand spreadsheet out.

The MiroMiro starter workflow

Four starters in one workflow, to see everything at once.

Get your free API key

300 free credits a month, no credit card. The same key works in n8n, over REST and in ChatGPT, Claude or Cursor.

Get a free API key