Skip to content
Sign inJoin waitlist

Connect Framebrick to Lovable

Add the Framebrick MCP server (https://mcp.framebrick.co, free, no account, no key) to Lovable. The steps follow Lovable’s own documentation (Lovable: custom MCP servers); we have not run Lovable ourselves. We tested the server with the official MCP TypeScript client.

Add the server

Section titled “Add the server”
  1. Open the Connectors dashboard, click + and choose MCP server.
  2. Enter a name (Framebrick).
  3. Keep the connection type Direct connection.
  4. Enter the URL https://mcp.framebrick.co.
  5. Under authentication choose No authentication (OAuth is the default).
  6. Click Add server.

Custom MCP servers are available on all Lovable plans. The connection is personal to you and is not included in published apps; a workspace admin can switch custom MCP servers off.

Then

Section titled “Then”
  • Add the registry to your project’s components.json so the install commands resolve: see the MCP server page.
  • Install the Agent Skills: curl -fsSL https://framebrick.co/install | node -.
  • Ask in plain language: “Plan a landing page for a branding studio from Framebrick blocks.”