MCP

Add brandRNA to Lovable

Connect brandRNA's brand-extraction tools to Lovable in under 2 minutes.

Why connect Lovable to brandRNA

Generate brand-aware app prototypes from a single domain. With brandRNA connected, Lovable can pull a target brand's colours, typography, and logo in one tool call and use them as design tokens throughout the generated app. "Build me a landing page that mirrors stripe.com's brand" is a one-prompt flow once the connection is live.

Lovable uses DCR (Dynamic Client Registration). The first time you add the brandRNA URL, Lovable self-registers with our auth server and walks you through OAuth in a popup.

Install

  1. Open Lovable
  2. Go to integrations → MCP servers
  3. Click "Add server"
  4. Paste this URL (it will trigger an OAuth popup)
  5. Sign in to BrandRNA in the popup
https://mcp.brandrna.com

What you can do once connected

Once brandRNA appears in your Lovable integrations panel:

  • "Generate a landing page that mirrors stripe.com's brand."
  • "Pull monzo.com's brand pack and apply it to this prototype."
  • "Use the canonical logo from acme.io as the navbar logo."

Lovable will call the analyze_brand tool when generating, then map the returned colours/fonts/logos into the generated component code.

Common gotchas

OAuth popup ad-blocker false positive — uBlock Origin and similar extensions occasionally flag the auth.brandrna.com popup. Allowlist the domain if the popup never opens.

  • Integrations panel takes 30s to detect new server — Lovable polls for newly-added MCP servers on a delay. Refresh the panel or wait ~30s after pasting the URL before assuming it failed.
  • Sign-in must use the SAME brandRNA account as your Lovable account — if you want auto-mint to consolidate keys (one internal key for your user across both surfaces), sign in with the email you use on app.brandrna.com.
  • Tool calls invisible in the UI — Lovable shows tool invocations in the run log, not inline in the prompt. Check the run-log panel if the agent appears to "ignore" your URL.
  • Workspace permissions — on team Lovable workspaces, only owners can add MCP servers. Check with your workspace admin if the Add server button is greyed out.

Behind the scenes

Curious how the OAuth dance works? See the canonical OAuth explainer — covers DCR, PKCE, audience binding, and revocation.

On this page